Dropzone.js 在 removeFile() 上淡出

Question

我正在使用 dropzone.js，我的 "remove when it's finished" 代码如下所示：

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

它按预期工作，但该部分立即被删除。我想要的是让它花一秒钟然后淡出，这样用户就可以真正看到图像在消失之前完成。如何向 removeFile 添加某种过渡？

Answer 1

加上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);
        }
      });
    });
  }
};

Dropzone.js 在 removeFile() 上淡出

Dropzone.js fade on removeFile()

javascript

jquery

dropzone.js