Question

根据Dropzone.js Documentation，queuecomplete事件是“当队列中的所有文件完成上传时调用。”。

考虑到这个问题的答案，人们也会认为这是真的。 dropzone.js - how to do something after ALL files are uploaded但是，给出的解决方案并不像我预期的那样。

所以我有一个接受多个文件的Dropzone和当我排队多个文件并且它们已被上传时 - 这个事件似乎被多次触发了。同样奇怪的是，事件触发的次数甚至与队列中的文件数不对应。

所以我的问题是，我需要一种在队列完成上传时执行一些javascript的方法，我想这样做一次（不是N次）我也会知道是否有任何文件在队列中失败或者它们都是成功的

HTML

<button id="but"> 
  Process Queue
</button>

<div  id="image-uploader" style="--removed--">

</div>

JS

$(function  (){
    var el = document.getElementById("image-uploader");
  var config = {
                    url: 'http://www.dropzonejs.com/upload',
            autoProcessQueue: true,
            uploadMultiple: true,
            parallelUploads: 15,
            maxFiles: 15,
            acceptedFiles: "image/*",
            init: function () {
                this.on("queuecomplete", function () {
                    alert("I Think I should only see this once.");
                });

            }
        };

    var dropZone = new Dropzone(el, config);

    $('#but').click(function(){dropZone.processQueue();})

});

我已经整理了fiddle demonstrating this.

Dropzone.js“queuecomplete”事件多次触发

0 个答案: