博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax发送、上传文件,Django后端接收、获取文件
阅读量:4301 次
发布时间:2019-05-27

本文共 1361 字,大约阅读时间需要 4 分钟。

 

html核心代码:

定义好form表单,定义好input上传文件的标签,注意enctype="multipart/form-data"

use multipart/form-data when your form includes any <input type="file"> elements

参考:

 

ajax核心代码:

$(function () {        $('#fileSave').click(function (e) {            var _this = $(this);            var uri = _this.data('uri');            var formData = new FormData();            formData.append('roster_file', $('input[type=file]')[0].files[0]);            $.ajax({                url: uri,                data: formData,                type: "POST",                contentType: false,                processData: false,                success: function (resp) {                         window.location.reload();                                    },                error: function (err) {                       alert(”出错了“)                                        }                }            })        });    });

主要是通过formData对象来发送文件,注意 contentType: false,processData: false两个参数都要设置为false。

参考:

 

django后端核心代码: 

class UploadView(JSONResponseMixin, View):    def post(self, request, *args):        roster_file = request.FILES.get('roster_file').read()

主要是通过request.FILES获取上传的文件对象,roster_file对应的是ajax代码部分formData中设置的文件名。

参考:

转载地址:http://kuxws.baihongyu.com/

你可能感兴趣的文章
Linux(SUSE 12)安装Tomcat
查看>>
Linux(SUSE 12)安装jboss4并实现远程访问
查看>>
Neutron在给虚拟机分配网络时,底层是如何实现的?
查看>>
netfilter/iptables全攻略
查看>>
Overlay之VXLAN架构
查看>>
Eclipse : An error occurred while filtering resources(Maven错误提示)
查看>>
在eclipse上用tomcat部署项目404解决方案
查看>>
web.xml 配置中classpath: 与classpath*:的区别
查看>>
suse如何修改ssh端口为2222?
查看>>
详细理解“>/dev/null 2>&1”
查看>>
suse如何创建定时任务?
查看>>
suse搭建ftp服务器方法
查看>>
centos虚拟机设置共享文件夹并通过我的电脑访问[增加smbd端口修改]
查看>>
文件拷贝(IFileOperation::CopyItem)
查看>>
MapReduce的 Speculative Execution机制
查看>>
大数据学习之路------借助HDP SANDBOX开始学习
查看>>
Hadoop基础学习:基于Hortonworks HDP
查看>>
为什么linux安装程序 都要放到/usr/local目录下
查看>>
Hive安装前扫盲之Derby和Metastore
查看>>
永久修改PATH环境变量的几种办法
查看>>