javascript - 多个 dropzone.js - 单页

Question

与其在单个 dropzone 元素上上传多个文件，不如在一个页面上有多个 dropzone 元素？

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

Answer 1

使用 dropzone 的典型方法是创建一个带有类 dropzone 的表单元素:

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

就是这样。 Dropzone 会找到所有具有 dropzone 类的表单元素，自动将自己附加到它，并将放入其中的文件上传到指定的 action 属性。然后，您可以像这样访问 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(); }
  }
};