javascript - Dropzone.js: how to cancel uploads when dropping new file - Stack Overflow

admin管理员组

文章数量:1435762

Using Dropzone.js I need to implement a way when a user drop a file into Dropzone all current uploads (if any) are canceled so only the current one gets uploaded.

I need a way to select and delete those.

I can do MyDropzone.processQueue to get the uploading queue files. I can also do MyDropzone.removeAllFiles() but this removes all items (uploading or uploaded).

I don't understand how can I apply the removeAllFiles() method only to the files that are in MyDropzone.processQueue.

Any idea how to acplish this?

Using Dropzone.js I need to implement a way when a user drop a file into Dropzone all current uploads (if any) are canceled so only the current one gets uploaded.

I need a way to select and delete those.

I can do MyDropzone.processQueue to get the uploading queue files. I can also do MyDropzone.removeAllFiles() but this removes all items (uploading or uploaded).

I don't understand how can I apply the removeAllFiles() method only to the files that are in MyDropzone.processQueue.

Any idea how to acplish this?

• javascript
• file-upload
• dropzone.js

Share Improve this question Follow edited Apr 15, 2013 at 7:16 Charles 51.5k1313 gold badges106106 silver badges144144 bronze badges asked Apr 14, 2013 at 22:15 MartinMartin 11.3k2323 gold badges8686 silver badges143143 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 1

The latest version of Dropzone provides methods for this, as well as a addRemoveLinks option that inserts links to cancel/remove uploads.

Try:

Dropzone.autoDiscover = false;
$("#mydropzone").dropzone({
    init: function() {
        var $this = this;
        $("button#clear-dropzone").click(function() {
            $this.removeAllFiles(true);
        });
    }
});

本文标签： javascriptDropzonejs how to cancel uploads when dropping new fileStack Overflow