这篇文章主要介绍了基于django和dropzone.js实现上传文件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
1、dropzone.js
dropzone.js是一个可预览\可定制化的文件拖拽上传，实现AJAX异步上传文件的工具
2、dropzone.js前端界面上传方式
官网下载 并且引入dropzone.js和dropzone.css（http://www.dropzonejs.com/）以及引用jquery.js，定义一个class=”dropzone”即可完成，
代码示例：
<title>Flask upload with D<span style="color:transparent">来源gaodai#ma#com搞*!代#%^码网</span>ropzone example</title>
方法1：
//这段代码是展示dropzone.js的精髓,class一定要是dropzone，id可以自定义
方法2：
<div class="form-group"> <label class="title">真人照(最多只能传一张)</label><div id="dropz" class="dropzone"></div>//这段代码是展示dropzone.js的精髓,class一定要是dropzone，id可以自定义 </div>
方法二中，很多参数是不一定需要定义的，参见方法一
3、后台处理dropzone.js前端界面上传的文件
A、django的settings.py 文件定义上传文件夹：
#文件上传文件夹定义
ENROLLED_DATA = ‘%s/statics/enrolled_data’ %BASE_DIR
B、对应的view处理前端上传过来的数据：
from django.views.decorators.csrf import csrf_exempt from PerfectCRM.settings import * import os @csrf_exempt def upload(request): if request.method =='POST': #post方式 if request.is_ajax(): #如果是ajax请求 if not os.path.exists(ENROLLED_DATA): #如果settings定义的 上传文件夹不存在 os.makedirs(ENROLLED_DATA,exist_ok=True) #新建文件夹 for k,file_obj in request.FILES.items(): #获取前端传过来的文件数据 with open('%s/%s'%(ENROLLED_DATA,file_obj.name),"wb") as f: #打开文件 for chunk in file_obj.chunks(): f.write(chunk) #chunk方式写入文件 return render(request, 'dropzone-back.html')
C、上传成功：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持gaodaima搞代码网。
以上就是基于django和dropzone.js实现上传文件的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：基于django和dropzone.js实现上传文件
转载请注明原文链接：基于django和dropzone.js实现上传文件
