多个dropzone.js – 单页

而不是在单个dropzone元素上上传多个文件 – 是否可以在一个页面上有多个dropzone元素？

当有多个元素时，似乎dropzone在选择对话框后甚至没有触发，每个元素都有自己的dropzone初始化

Answer 1

使用dropzone的典型方法是使用类dropzone创建表单元素：

而已。 Dropzone将找到包含类dropzone的所有表单元素，自动将其自身附加到其上，并将放入其中的文件上载到指定的操作属性。 然后，您可以像这样访问dropzone元素：

 // "myAwesomeDropzone" is the camelized version of the HTML element's ID Dropzone.options.myAwesomeDropzone = { paramName: "file", // The name that will be used to transfer the file maxFilesize: 2, // MB accept: function(file, done) { if (file.name == "justinbieber.jpg") { done("Naha, you don't."); } else { done(); } } }; 

Answer 2

据我所知，你可以创建自己的dropzone，然后可以有多个dropzone元素。

 // Dropzone class: var myDropzone = new Dropzone("div#myId", { url: "/file/post"}); // jQuery $("div#myId").dropzone({ url: "/file/post" });