Deleting uploaded files form Dropzone.js form

Question

I'm using dropzone.js for my project and I need to delete files from plugin upload zone (not from server) after I upload them. I need to get back to "Drop files here or click to upload" text after upload.

I'm trying to get same result that I would get when I'm using "Remove file" link under file icon. But when I try to achieve this programmatically the removeFileEvent won't trigger.

I tried both jquery trigger('click'); and dispatchEvent(event); .

My code:

 var dropzone = new Dropzone('#uploadzone', 
    {
       url: 'uploaded_url.php',
       addRemoveLinks: true,
       init: function () 
       {
           this.on("success", function (file, response) 
           {
              var removeLink = $(file.previewElement).find('a.dz-remove');
              removeLink.trigger('click');
           });
       }
    );

Answer 1

You can use the API given by dropzone

dropzone.removeFile(file)

Docs