以编程方式添加图像时不会触发 Dropzone“已添加文件”

Question

我想添加checkbox到 dropzone 图像，以便我只能上传选定的图像。checkbox当addedfile事件被触发时，我将在每个图像旁边添加一个。

我使用以下方法以编程方式将图像添加到 dropzone：

var mockFile = { name: "image.jpg", size: 12345 };
imgUrl = "http://example.com/image.jpg"
myDropzone.options.addedfile.call(myDropzone, mockFile);
myDropzone.options.thumbnail.call(myDropzone, mockFile, imgUrl);

问题是不会为以这种方式添加的图像触发“ addedfile”事件：

myDropzone.on("addedfile", function(file) {
    console.log("file added!"); // this line is never printed
});

但是，如果通过手动单击dropzone并选择文件来添加图像，则会触发上述事件。为什么在第一种情况下不触发此事件？

Answer 1

根据 dropzone文档：触发addedfile事件的正确方法是在init实例化 dropzone 时在部分中调用它。

例子：

   Dropzone.options.myAwesomeDropzone = {
      init: function() {
       this.on("addedfile", function(file) { alert("Added file."); });
      }
   };

Answer 2

不要像我做的那样尝试监听addedFile事件而不是addedfile（d'oh）。