文件上传后重置 Dropzone

Question

我正在使用dropzone.js将图像上传到我的 php 服务器。在上传所有图像后，我使用 jquery ajax 调用来保存表单。

现在，当表单值保存在服务器上时，我想清除 dropzone div。我试过removeAllFiles()，但它也从服务器中删除文件。

我用谷歌搜索了很多次，但没有得到任何正确的想法。如果有人知道，请提供任何帮助。提前致谢！！！

Answer 1

您可以将事件处理程序添加到 dropzone 的“queuecomplete”。在这个处理程序中，做任何你想做的事。在示例中，我重新加载了所有上传的文件，并使用 removeAllFiles()。

Dropzone.options.myAwesomeDropzone = {
  init: function(){
      var th = this;
      this.on('queuecomplete', function(){
          ImageUpload.loadImage();  // CALL IMAGE LOADING HERE
          setTimeout(function(){
              th.removeAllFiles();
          },5000);
      })
  },
  paramName: "file", // The name that will be used to transfer the file
  maxFilesize: 2, // MB       
  acceptedFiles: 'image/*',

};