
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); });
PREVIOUS:
NEXT: