Django(十九): 文件上传

文件上传:  1. form表单上传:  <form enctype='mulitpart/form-data'>
1>. 直接通过file输入框上传
前端: <input type='file' name='img'>
后端: img = req.FILES.get('img') # 文件对象(文件名称,文件大小,文件内容)
file_name = img.name
file_size = img.size
for line in img.chunks(): # img.chunks()为文件内容迭代器
# 保存

1+>.制作上传按钮:
<div style='position:relative'>
<input type='button' value='上传'>
<input type='file' name='img' style='opacity:0; position:absolute; top:0;left:0'>
</div>

2>. Form组件上传
/* myFom.py */
img = fields.FileField()
/* views.py */
form = myForm(req.Files)
if form.is_valid():
img = form.cleaned_data['img']
# 后面保存数据同1>

2. AJAX上传:
1>. jQuery, 原生xhr: FormData对象来封装文件数据
前端: var fileobj = $('#img').files[0];
var formdata = new FormData();
formdata.append('file',fileobj); # 文件对象封装到formdata
$.ajax({
data: form,
processData:false, // 告诉jQuery不要处理数据
contentType:false, // 告诉jQuery不要设置文件格式
})
后端: fileobj = req.FILES.get('file')
同上
2. iframe + form: form表单上传
posted @ 2019-05-15 22:36  lancelotxly  阅读(115)  评论(0编辑  收藏  举报