后台

import json

from django.shortcuts import render,HttpResponse,HttpResponseRedirect

import os

import json

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

def upload(request):

    if request.method == 'GET':

        return render(request, 'form.html')

    else:

        file_name = request.POST.get('user')

        pwd = request.POST.get('pwd')

        file_obj = request.FILES.get('file')

        f = open(os.path.join(BASE_DIR, 'static','images',file_name+'.png'), 'wb')

        # print(file_obj, type(file_obj))

        for chunk in file_obj.chunks():

            f.write(chunk)

            f.close()

    msg = {

        'status':True,

        'msg':'上传成功',

        'fileName':file_name,

        'pwd':pwd

    }

    return HttpResponse(json.dumps(msg))

def morefiles(request):

    if request.method == 'GET':

        return render(request, 'morefile.html')

    else:

        file_name = request.POST.get('userName')

        pwd = request.POST.get('password')

        #获取单个文件

        # file_obj = request.FILES.get('files')

        print(file_name,pwd)

        #获取多个文件对象

        files = request.FILES.getlist('files')

        print(files)

        for f in files:

            destination = open(os.path.join(BASE_DIR, 'static','images',f.name),'wb+')

            for chunk in f.chunks():

                destination.write(chunk)

            destination.close()

        msg = {

            'status':200,

            'msg':'上传成功',

            # 'fileName':file_name,

            # 'pwd':pwd

        }

        return HttpResponse(json.dumps(msg))

　前端

<html>

<head>

    <title>login test</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="ajax方式">

<!--    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->

    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.3.min.js"></script>

    <script type="text/javascript">

        $(function () {

            let fileList = [];

            let files = $("#files");

            files.on("change", function (event) {

                for (var i = 0; i < files[0].files.length; i++) {

                    fileList.push(files[0].files[i]);

                }

                console.log(fileList)

            });

            $("#login").click(function () {

                let formData = new FormData();

                fileList.forEach(function (file,index) {

                    formData.append('files', file, file.name);

                })

                formData.append("userName",$("#userName").val())

                formData.append("password",$("#pwd").val())

                $.ajax({

                    //几个参数需要注意一下

                    type: "POST",//方法类型

                    dataType: "json",//预期服务器返回的数据类型

                    url: "/morefiles/" ,//url

                    data: formData,

                    contentType:false,

                    processData:false,

                    success: function (result) {

                        console.log(result);//打印服务端返回的数据(调试用)

                        if (result.resultCode == 200) {

                            alert("SUCCESS");

                        }

                        ;

                    },

                    error : function() {

                        alert("异常！");

                    }

                });

            })

        })

    </script>

</head>

<body>

<div id="form-div">

    <form id="form1" onsubmit="return false" action="/" method="post" enctype="multipart/form-data">

        <p>用户名：<input id="userName" name="userName" type="text" id="txtUserName" tabindex="1" size="15" value=""/></p>

        <p>密　码：<input id="pwd" name="password" type="password" id="TextBox2" tabindex="2" size="16" value=""/></p>

        <p>附件： <input id="files" type="file" name="files" multiple="multiple"></p>

        <p><input id="login" type="button" value="登录" > <input type="reset" value="重置"></p>

    </form>

</div>

</body>

</html>

　　

python 上传多文件的更多相关文章

  1. windows上python上传下载文件到linux服务器指定路径【转】

    从windows上传文件到linux,目录下的文件夹自动创建 #!/usr/bin/env python # coding: utf-8 import paramiko import datetime ...

  2. Selenium+python上传本地文件或者图片

    基于input标签的,有属性type = file: 首先定位到点击上传的元素(input)然后直接使用send_keys()将文件在本地的路径传进去 代码如下(例子来源于本页面上传图片和文件): f ...

  3. python 上传下载文件

    server.py #!/usr/bin/env python # -*- coding:utf- -*- import SocketServer import os class MySocketSe ...

  4. autoIT 自动化上传/下载文件图文详解【python selenium】

    情景: 在用selenium进行web页面自动化时,时不时会遇到上传附件的情况,常见的情况就是一个上传按钮,点击后弹出windows窗口,选择文件后上传,如下图1所示 图1 这种情况超出了seleni ...

  5. python接收html页面上传的文件

    使用的 flask, 没有安装的先安装 pip install flask 示例代码:示例没有自动创建静态文件夹,需要自己在同级 创建一个名为 static 的文件夹来存放上传的文件 示例展示为图片 ...

  6. python实现socket上传下载文件-进度条显示

    在python的socket编程中,可以实现上传下载文件,并且在下载的时候,显示进度条,具体的流程如下图所示: 1. 服务器端代码如下: [root@python 519]# cat server.p ...

  7. python 使用paramiko模块上传本地文件到ssh

    我们要了解几个函数: paramiko.Tranport(("目标ip,端口"))#这是上传目标的IP和端口 paramiko.SFTPClient.from_tranport() ...

  8. 初级版python登录验证，上传下载文件加MD5文件校验

    服务器端程序 import socket import json import struct import hashlib import os def md5_code(usr, pwd): ret ...

  9. 上传本地文件到github仓库基本操作

    上传文件到github时老师忘记指令,或者总是出一些错,每次都要百度浪费时间,因此将常用操作指令归纳卸载这里,以后再也不要担心百度找帖子了... 第一步:新建仓库 新建仓库步骤省略,最后我们得到一个仓 ...

随机推荐

  1. 补码一位乘法 Booth算法 Java简易实现

    本文链接:https://www.cnblogs.com/xiaohu12138/p/11955619.html. 转载,请说明出处. 本程序为简易实现补码一位乘法,若代码中存在错误,可指出,本人会不 ...

  2. C# DataTable映射成Entity

    using System; using System.Collections.Generic; using System.ComponentModel.DataAnnotations.Schema; ...

  3. 【调试经验】C++和C的混合编程以及库调用

    问题背景 这两天在移植一个开源的库,偏底层的那种,所以对架构有一些依赖.源码的编译是通过Makefile来构建,怎奈公司的架构用的是CMAKE,所以就在开源的顶层和子目录分别构建了CMakeList, ...

  4. LC 387. First Unique Character in a String

    题目描述 Given a string, find the first non-repeating character in it and return it's index. If it doesn ...

  5. spark异常篇-关闭程序

    在运行 spark 程序时,出于某种原因,我想停止运行,狂按 ctrl+c 不一定起作用 以下两种情况是不好关闭的 1. cluster 运行模式 2. SparkStreaming 程序 本文旨在收 ...

  6. Wannafly挑战赛23

    B. 游戏 大意: $n$堆石子, 第$i$堆初始$a_i$, 每次只能选一堆, 假设一堆个数$x$, 只能取$x$的约数, 求先手第一步必胜取法. SG入门题, 预处理出所有$SG$值. 先手要必胜 ...

  7. shell使用ps -ef|grep xxx时不显示grep xxx进程的方法

    在使用ps -ef|grep xxx时会将grep xxx的进程也带出来, 而在脚本中如果想要截取此命令结果的一部分,则grep xxx的进程会显得多余,如下: [root@localhost ~]# ...

  8. antd做form表单的组件共用，利用mapPropsToFields填写默认值

    做单页应用,不管是用Vue还是React,或者其他,有一个重要的原则,就是:组件重用. 既然组件可以重用,那么当添加一个信息,和修改该信息的布局必然是一致的,这时候,最好的方法自然是利用同一个组件,在 ...

  9. hdu 6069 Counting divisors 公式+区间筛

    比赛的时候把公式扣出来了,,但是没有想到用筛法算公因子,,默默学习一下.. 题解:设n=p1^(c1)p2^{c2}...pm^{cm},n=p​1^​c​1*​​​​p​2​^c​2​​​​...p ...

  10. C# 语言基础学习路线图

    一直以来,对于很多知识点都是存于收藏夹中,随着时间地变更,收藏夹中链接也起来越多,从未进行整理,也很零散,所以想对曾经遇到并使用过的一些知识形成文档,作为个人知识库的一部分. 就从C# 语言基础开始, ...