首页 > Web开发 > 详细

Django(十九): 文件上传

时间:2019-05-15 23:12:14      阅读:174      评论:0      收藏:0      [点我收藏+]
文件上传:  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表单上传

Django(十九): 文件上传

原文:https://www.cnblogs.com/lancelotxly/p/10872664.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!