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 类的表单元素，自动将其自身附加到它，并将放入其中的文件上传到指定的操作属性。然后您可以像这样访问 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(); }
  }
};