后台

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. list集合的一些小见解

    关于LIst集合 前言: 第一次写博客,有些东西可能总结的到位,发表一下自己的一些观点,欢迎大佬们点评和指教 正文: list集合可以分为ArrayLlst和LinkedList. ArrayList ...

  2. 《Tsinghua oc mooc》第5~7讲 物理内存管理

    资源 OS2018Spring课程资料首页 uCore OS在线实验指导书 ucore实验基准源代码 MOOC OS习题集 OS课堂练习 Piazza问答平台 暂时无法注册 疑问 段式内存管理中,逻辑 ...

  3. Vue ---- Vuex 的第一次接触

    在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用  props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/62660 ...

  4. Educational Codeforces Round 74 (Rated for Div. 2)补题

    慢慢来. 题目册 题目 A B C D E F G 状态 √ √ √ √ × ∅ ∅ //√,×,∅ 想法 A. Prime Subtraction res tp A 题意:给定\(x,y(x> ...

  5. Python基础总结之第六天开始【先简单认识一次函数】（新手可相互督促）

    午休后,看看电视,在回顾下新的知识----函数.相信很多小伙伴在学习python后 ,学到函数就会有一部分人放弃了,从努力到放弃(内容过于真实) 好希望我也能有很多粉丝,hhh.... 函数: 什么是 ...

  6. 【Python基础】13_Python中的PASS

    pass关键字的使用 在程序分支中,如果不想立刻执行该分支,可使用pass占位符,pass不表示任何含义,仅保证程序不会报错. 如: action_str = input("请选择希望执行的 ...

  7. 【Python基础】08_Python中的列表

    1.列表的定义 List(列表)是Python中使用的 最频繁 的数据类型,其他语言通常叫数组 专门用于存储 一串信息 列表用 [] 定义,数据 之间用 , 分割 列表的 索引(位置) 从 0 开始 ...

  8. 【组成原理】BYTE ME!

    题目描述 Parity is an important concept in data transmission.  Because the process is not error proof, p ...

  9. hdu 1281 匈牙利算法

    棋盘游戏 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...

  10. axios 跨域携带cookie设置

    import axios from 'axios' // 创建axios实例 const service = axios.create({ baseURL: process.env.BASE_API, ...