dropzone java实例_一次dropzone体验

对于前端，本人不是太擅长，对于当前的一些网上的样例，也许是习武悟性太差，不是太透，所以只能通过blog的方式记录下一些武功套路，便于以后查询使用

首先，我们需要知道这个武功适应的战场。

什么是dropzone？

DropzoneJS是一个提供文件拖拽上传并且提供图片预览的开源类库，它是轻量级的，不依赖任何其他类库(如JQuery)并且高度可定制.

支持浏览器：

Chrome 7+

Firefox 4+

IE 10+

Opera 12+ (Version 12 for MacOS is disabled because their API is buggy)

Safari 6+

对于所有其他浏览器 , dropzone 提供了一个 file input 作为应对策略，对于老旧的浏览器，会出现file input，还是可以文件上传的。

资源

官网：https://www.dropzonejs.com/

看demo:

dropzone.html

Title

var $taskKey = $("#taskKey");try{

var myDropzone= new Dropzone("#dropz",{

url:"/uploadFile",//文件提交地址

method:"post", //也可用put

paramName:"file", //默认为file

maxFiles:2,//一次性上传的文件数量上限

maxFilesize: 2, //文件大小，单位：MB

acceptedFiles: ".jpg,.gif,.png,.jpeg", //上传的类型

addRemoveLinks:true, //默认false。如果设为true，则会给文件添加一个删除链接

uploadMultiple:true,//如果设为true，则相当于 HTML 表单添加 multiple 属性

parallelUploads: 2,//一次上传的文件数量

autoProcessQueue:true, //当设置 false 你必须自己像这样 myDropzone.processQueue()

previewTemplate: $('#preview-template').html(),//如果去掉该选项就会使用默认的

dictDefaultMessage :' 拖拽文件到此处 \

(或点击下面的上传按钮选择待上传文件)
\',

dictMaxFilesExceeded:"您最多只能上传{ {maxFiles}}个文件！",

dictResponseError:'文件上传失败!',