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

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

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

form作为上传区

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




  
  Flask upload with Dropzone example
  
  
  


    
  

效果

使用Dropzone.js上传的示例代码_第1张图片 

div作为上传区

div作为上传区也很简单




  
  Flask upload with Dropzone example
  
  
  


点我上传

效果

使用Dropzone.js上传的示例代码_第2张图片 

form作为上传区配置

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




  
  Flask upload with Dropzone example
  
  
  


  

效果

使用Dropzone.js上传的示例代码_第3张图片 

div作为上传区配置




  
  Flask upload with Dropzone example
  
  
  


 
点我上传

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

主题

第一种




 
 
 
 
 
 
 
 
 


 
 

Configuration Demo

Add files...

第二种效果与默认的一样




  
  Flask upload with Dropzone example
  
  
  


demo文件

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

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

你可能感兴趣的:(使用Dropzone.js上传的示例代码)