Dropzone.js.removeAllFiles () does not delete mock files

Question

I noticed that when calling .removeAllFiles () on the dropzone instance that received the "mock" files using the method as shown here , it actually does not have the desired effect (the fake file is still present).

Answer 1

I also had the same problem. I think this is because the files that are being added from the server are not included in the file array, and when you call removeAllFiles() , this will not work because it is not in the atall file array.
So the obvious solution would be to add them to the file array, it would look something like this.

 $(function() { var mockFile = { name: "banner2.jpg", size: 12345 }; var myDropzone = new Dropzone("#my-awesome-dropzone"); myDropzone.options.addedfile.call(myDropzone, mockFile); myDropzone.files.push(mockFile); // here you add them into the files array myDropzone.options.thumbnail.call(myDropzone, mockFile, "http://localhost/test/drop/uploads/banner2.jpg"); }); 

Now you can use myDropzone.removeAllFiles(); for any event, and files added from the server will also be deleted from dropzone.

NOTE. Remember that when using the above code. if you run server-side code to delete files from the server whenever the file is deleted from dropzone, then all files that come from the server will be deleted.