I want to add checkbox to dropzone images so that I can upload only the selected ones. I am going to add a checkbox next to each image when the addedfile event is fired.

I am using the following method to programmatically add images to 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);

The problem is that the addedfile event is not fired for images added this way:

myDropzone.on(addedfile, function(file) {

    console.log(file added!); // this line is never printed

});

But if added an image by manually clicking on dropzone and selecting a file, the above event would fire. Why is this event not fired in the first case?