Dropzone.js淡出removeFile()

时间:2015-01-31 23:29:03

标签: javascript jquery dropzone.js

我正在使用dropzone.js和我的“删除完成后”代码如下所示:

Dropzone.options.myAwesomeDropzone = {
     init: function () {
        this.on("success", function (file) {
           this.removeFile(file);
        });
     }
};

它按预期工作,但该部分立即删除。我想要的是花一秒钟然后逐渐消失,以便用户可以在图像消失之前实际看到图像已经完成。如何添加某种过渡到removeFile?

1 个答案:

答案 0 :(得分:7)

使用jQuery,应该是这样的......

Dropzone.options.myAwesomeDropzone = {
  init: function () {
    this.on("success", function (file) {
      var _this = this;
      $(file.previewElement).fadeOut({
        complete: function() {
          // If you want to keep track internally...
          _this.removeFile(file);
        }
      });
    });
  }
};