从 Dropzone 添加文件到表单

Question

我想使用 Dropzone.js 以便用户可以 select 他想上传的图片。但我不希望它们被即时上传，而只是被添加到表单中，然后以正常的方式提交到表单数组中。我该怎么做？

我见过类似How to get Dropzone.js to upload files only when a submit button is clicked?的问题，但我根本不需要上传它们，我希望 Dropzone 将文件添加到我的表单中。

顺便说一句，dropzone 在 div 中，而不是在整个表格中，如果它很重要的话。

可能吗？

Answer 1

您需要在初始化 dropzone 实例时将 autoQueue 属性设置为 false:

var formData = new FormData();

//On addedfile:
Dropzone.options.myAwesomeDropzone = {
  autoQueue: false,
  init: function() {
    this.on("addedfile", function(file) { 
      formData.append("file", file); 
    });
  }
};

//On removedfile:
Dropzone.options.myAwesomeDropzone = {
  init: function() {
    this.on("removedfile", function(file) { 
      formData.delete('file');
    });
  }
};

从 Dropzone 添加文件到表单

Add files from Dropzone to form

javascript

dropzone.js