后台

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. LOJ #10131 「一本通 4.4 例 2」暗的连锁

    LOJ #10131 「一本通 4.4 例 2」暗的连锁 给一棵 \(n\) 个点的树加上 \(m\) 条非树边 , 现在需要断开一条树边和一条非树边使得图不连通 , 求方案数 . $n \le 10 ...

  2. lua数据类型的的操作(三)

    上一章我们学习了lua的数据类型,以及语法的定义,今天我们学习lua的数据类型操作,其实就是lua库一些api的操作,遇到对数据类型处理时,可以根据lua库提供的操作来实现. 一.字符串操作 1.字符 ...

  3. Linux Crontab格式说明

    Crontab基本格式: * * * * * command 分 时 日 月 周 命令 第1列表示分钟1-59 每分钟用 */1表示 第2列表示小时1-23(0表示0点) 第3列表示日期1-31 第4 ...

  4. System memory 259522560 must be at least 4.718592

    [学习笔记] /*没有下面的话, 会报一个错误,java.lang.IllegalArgumentException: System memory 259522560 must be at least ...

  5. Two progressions(CodeForces-125D)【鸽巢原理】

    题意:将一列数划分为两个等差数列. 思路:首先,我要吹爆鸽巢原理!!!真的很强大的东西!!! 加入能完成题设操作,则前三个数中,必有至少两个数在同一序列,枚举三种情况(a1 a2,a2 a3,a1 a ...

  6. php商城秒杀活动

    今天在网上看到一篇思路+代码的商城秒杀实例,我觉得非常不错,借鉴一下分享给大家: 一.前言 双十一刚过不久,大家都知道在天猫.京东.苏宁等等电商网站上有很多秒杀活动,例如在某一个时刻抢购一个原价199 ...

  7. spark调优篇-数据倾斜(汇总)

    数据倾斜 为什么会数据倾斜 spark 中的数据倾斜并不是说原始数据存在倾斜,原始数据都是一个一个的 block,大小都一样,不存在数据倾斜: 而是指 shuffle 过程中产生的数据倾斜,由于不同的 ...

  8. Python 正则表达模块详解

    Python 的创始人为吉多·范罗苏姆(Guido van Rossum).1989年的圣诞节期间,吉多·范罗苏姆为了在阿姆斯特丹打发时间,决心开发一个新的脚本解释程序,作为ABC语言的一种继承.Py ...

  9. vue-slick 插件配置

    autoplay 布尔值 false 自动播放 autoplaySpeed 整数 3000 自动播放间隔 centerMode 布尔值 false 中心模式 centerPadding 字符串 ’50 ...

  10. 排序之希尔排序（JS）

    希尔排序(Shell's Sort)是插入排序的一种又称“缩小增量排序”(Diminishing Increment Sort),是直接插入排序算法的一种更高效的改进版本.希尔排序是非稳定排序算法.该 ...