后台

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. vue项目中的父子组件之间的传值。

    首先说一下父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件.而在父组件中是不能直接调用子组件中的变量值的.下面详细说一下,父子组件之 ...

  2. java核心技术（第四章）对象与类

    4.1 面向对象程序设计概述 每个对象包含对用户公开的特定功能部分和隐藏的实现部分. 4.1.1类 由类构造对象的过程称为创建类的实例. 封装(数据隐藏)是与对象有关的.从形式上看,封装不过是将数据和 ...

  3. servlet获取checkbox的值出现选中的值为on。问题所在。。。

    <form action="/Http/request06" method="post"> 用户名:<input type="tex ...

  4. JDBCtemplete 模板

    package com.augmentum.oes.common; import java.sql.Connection; import java.sql.PreparedStatement; imp ...

  5. 题目13 在O(1)时间删除链表节点

    ///////////////////////////////////////////////////////////////////////////////////// // 3. 题目13 在O( ...

  6. 通过ImageReader进行图像裁剪时出现NoSuchElementException异常

    首先放上最初的Image工具类 package util; import java.awt.Rectangle; import java.awt.image.BufferedImage; import ...

  7. 关于泛型擦除的知识（来源于csdn地址：https://blog.csdn.net/briblue/article/details/76736356）

    泛型,一个孤独的守门者. 大家可能会有疑问,我为什么叫做泛型是一个守门者.这其实是我个人的看法而已,我的意思是说泛型没有其看起来那么深不可测,它并不神秘与神奇.泛型是 Java 中一个很小巧的概念,但 ...

  8. - 多次点击事件 MD

  9. redis 入门教程

    https://edu.aliyun.com/course/22/lesson/list?spm=5176.8252056.759075.5.Bbrpyz

  10. C#签名验签帮助类

    using System; using System.IO; using System.Text; using System.Collections.Generic; using System.Sec ...