上传文件后重置Dropzone

时间:2014-09-26 08:39:59

标签: php jquery ajax dropzone.js

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

现在,我希望在表单值保存在服务器上时清除dropzone div。我尝试过 removeAllFiles(),但它也会从服务器中删除文件。

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

2 个答案:

答案 0 :(得分:3)

my.on("complete", function(file) { my.removeFile(file); });
my.on("complete", function(file) { my.removeAllFiles(file);});

答案 1 :(得分:3)

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

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/*',

};