dropzonejs实现图片拖拽上传

所属分类:图片相关

 2811次|    14次   点击收藏(2)

dropzonejs实现图片拖拽上传

dropzonejs实现图片拖拽上传


用法

创建:

<form id="my-awesome-dropzone" action="/target" class="dropzone"></form>

这样就可以了

Dropzone 将自动捕获拖拽过来的图片

假如想更多的设置,可以如下:

// "myAwesomeDropzone" is the camelized version of the ID of your HTML element Dropzone.options.myAwesomeDropzone = { maxFilesize: 1 };

或者如下初始化dropzone 


new Dropzone("div#my-dropzone", { /* options */ });

注意 dropzones 不一定必须是forms. 你可以在options中设置url等参数


注册事件

如果你想注册事件,你可以用dropzone 进行如下设置:

Dropzone.options.myDropzone({ init: function() { this.on("error", function(file, message) { alert(message); });
  }
}); // or if you need to access a Dropzone somewhere else: var myDropzone = Dropzone.forElement("div#my-dropzone"); myDropzone.on("error", function(file, message) { alert(message); });



关于前端资源库

前端资源库是haorooms博主平时积累的前端资源,大部分来源于互联网。但经过博主调试和加工,集聚了博主的心血。

因此,资源库所有资源,仅供学习和参考,切勿下载下来用于商业用途或者转卖。转载请注明来自haorooms博客资源库!

联系方式
关键词搜索