使用Dropzone.js上传的示例代码-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

使用Dropzone.js上传的示例代码

本文介绍了使用Dropzone.js上传的示例代码,分享给大家,具体如下:

10年积累的网站制作、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有德安免费网站建设让你可以放心的选择与我们合作。

说明:后台用的python的flask框架,后台对你理解这篇文章没什么影响,你可以使用php

form作为上传区

引入Dropzone.js和dropzone.css然后使用表单form定义一个class=”dropzone”即可完成




  
  Flask upload with Dropzone example
  
  
  


    
  

效果

使用Dropzone.js上传的示例代码 

div作为上传区

div作为上传区也很简单




  
  Flask upload with Dropzone example
  
  
  


点我上传

效果

使用Dropzone.js上传的示例代码 

form作为上传区配置

配置也分为两种,如果使用的form表单上传的就用如下方式配置




  
  Flask upload with Dropzone example
  
  
  


  

效果

使用Dropzone.js上传的示例代码 

div作为上传区配置




  
  Flask upload with Dropzone example
  
  
  


 
点我上传

说明:关于其他的配置请看最后的链接

主题

第一种




 
 
 
 
 
 
 
 
 


 
 

Configuration Demo

Add files...

第二种效果与默认的一样




  
  Flask upload with Dropzone example
  
  
  


demo文件

如果是flask框架可进行测试点击此处下载,如果是php或者其他就看看不必下载

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。


分享标题:使用Dropzone.js上传的示例代码
转载来源:http://kswsj.cn/article/ieoodh.html

其他资讯