django上传文件到服务器,Django文件上传

本文介绍了一个基于Ajax的文件上传功能实现方法,包括前端HTML表单配置、JavaScript代码编写及后端视图处理流程。详细解释了如何通过FormData对象组织文件数据,并通过$.ajax发起POST请求。同时介绍了服务器端如何验证文件大小并正确处理上传。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本篇主要讲的是ajax下的文件上传

模板html文件内容

编写文件上传js

function upload(){

// ajax上传文件

var file_input = $('#file_input');

if(file_input.val() == ''){

return false;

}

var formData = new FormData($('#fileupload_form')[0]);

$.ajax({

type : 'POST',

url : '/api/fileupload/',

data : formData,

dataType : 'json',

contentType : false,

processData : false,

success : function(data){

if(data.info){

console.log('文件上传成功!');

return;

} else {

console.log('文件上传失败!');

return false;

}

},

error : function(){

console.log('文件上传失败!');

return false;

}

});

}

服务器端视图代码如下

class FileUpload(View):

'''

文件上传

'''

def post(self, request):

try:

file = request.FILES.get('file')

if(file.size >= 2097152):

# 当上传文件大于2M时抛出异常

raise RuntimeError('fileSizeError')

except Exception as error:

print(error)

POST提交过来的文件需要使用request.FILES.get()去获取,而不能直接使用request.POST.get()

非ajax文件上传

需要为form表单添加enctype属性,其值必须为multipart/form-data,请求方式依然为POST

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值