从Dropzone添加文件到表单

Question

我想使用Dropzone.js，以便用户可以选择他想要上传的图像。但是我不希望它们被动态上传，而只是被添加到表单然后以表单数组的形式提交。我怎么能这样做？

我见过像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');
    });
  }
};