多个 dropzone.js - 单页

2023-12-09

不是在单个 dropzone 元素上上传多个文件 - 是否可以在单个页面上拥有多个 dropzone 元素?

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


使用 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(); }
  }
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

多个 dropzone.js - 单页 的相关文章