Django2.0.4+Uploadify3.0(h5版) 实现多文件异步上传和删除

已经9012年了,如果你的网站还通过传统表单上传文件的话,那你简直low到爆了,也别干什么web开发了,直接面壁去吧。

本文基于Uploadify异步上传控件来实现多文件异步上传的无刷新机制,用来提高效率和用户体验,由于uploadify基于jquery,所以确保已经引入了稳定版的Jquery,另外需要说明的是,uploadify分为flash版和h5版,鉴于flash早就已经被淘汰了,所以h5才是我们的选择,但是h5版居然需要收费,下一个要五美刀,我们当然不能当冤大头,可以考虑去下载一个免费的山寨开源版:https://github.com/Double-Lv/Huploadify

前端代码:

  {# 引入外链式css #}
    
    {# 载入js库 #}
    
    
  
            {# 定义一个上传容器 #}
            

后台视图文件:

class UploadTest(View):

#定义上传方法
def post(self,request):
    #接收文件,以对象的形式
    img = request.FILES.get("file")
    #文件名称是name属性
    #建立文件流对象
    f = open(os.path.join(UPLOAD_ROOT,'',img.name),'wb')
    #写文件 遍历图片文件流
    for chunk in img.chunks():
        f.write(chunk)
    #关闭文件流
    f.close()
    return HttpResponse(json.dumps({'status':'ok'},ensure_ascii=False),content_type='application/json')

效果:
在这里插入图片描述

搞定收工。

转载自技术大牛,也是我的启蒙

你可能感兴趣的:(小知识点,转载)