后台

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. redis的发布和订阅操作

  2. redis主从同步错误处理

    背景: 之前resis只有一台服务器(redis  master),现需要为其增加一台slave服务器(slave),做成一主一从 要求,不影响 master的正常情况下完成 . 1.配置slave: ...

  3. 数据库学习其一 oracle11g数据泵导入导出

    一.检查环境一致性 需检查数据库客户端与服务端字符编码,以避免后续各种各样的问题 查询服务端编码 注意最好用sqlplus查询,用plsql有时候会出现查询不一致问题,如下图同一个语句在plsql和s ...

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

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

  5. 将neo4j的一个节点上的关系移动到另一个节点上

    将neo4j中一个节点的全部关系移动到另一个节点上面,采用先建立新关系,之后删除原先的关系的方式 def move_relations(source_node_id,target_node_id,gr ...

  6. Spring 加载项目外部配置文件

    背景 在项目的部署过程中,一般是打成 war 或者 jar 包,这样一般存在两种问题: 即使是配置文件修改,也还需要整个项目重新打包和部署. 整个项目只有一套环境,不能切换. 针对上面的问题,可以使用 ...

  7. Java 私有构造函数的使用

    被private修饰的私有构造函数无法在其他类中调用,也就是该类无法在其他类中实例化. 这种情况常用的使用场景:1.单例模式: 2.防止实例化. 一.单例模式 单例模式是一种常用的设计模式,思想是单例 ...

  8. ORACLE通过JOB定时创建序列

    http://blog.csdn.net/cuihaiyang/article/details/7872982 因为业务需要每月需要增加一个序列,想到了使用job定时创建,每次创建一年的.写此job的 ...

  9. Javascript中new的作用

    关于js中new关键字的理解,先来看个例子:像这样创建实例时使用new与不使用new有什么区别????function ParasiticPerson(name, age, job) {    var ...

  10. git遇到的问题记录2019.05.07

    用sourcetree拉取代码,报错如下: error: cannot lock ref 'refs/remotes/origin/my_branch': unable to resolve refe ...