当autoProcessQueue设置为false时,Dropzone.js仅上传两个文件

Question

我使用Dropzone.js,我希望它不会自动上传掉线,但是当用户点击按钮时.所以我将autoProcessQueue选项设置为false.单击该按钮时,将processQueue()调用该方法.我想现在处理完整队列了.但事实并非如此.仅parallelUploads上载选项中指定的文件数.标准值parallelUploads似乎是2.每个点击2个文件的处理和上传.

我必须设置parallelUploads一个非常高的数字,现在要解决这个问题吗？

这是我的完整JS代码:

var myDropzone = new Dropzone("div#myId", {
  url: "http://www.torrentplease.com/dropzone.php",
  addRemoveLinks: true,
  thumbnailWidth: "80",
  thumbnailHeight: "80",
  dictCancelUpload: "Cancel",
  autoProcessQueue: false
});

myDropzone.on("drop", function(event) {
  $('.edit_tooltip .option_bar').animate({
    opacity: 1,
    top: "-5"
  });
});


$('.edit_tooltip .option_bar .button').click(function() {
  myDropzone.processQueue();
});

Answer 1

添加parallelUploads:10(这是你的最大号码)

Answer 2

有一种简单的方法可以解决这个问题,可以在这里找到:

https://github.com/enyo/dropzone/issues/253#issuecomment-22184190

"如果你希望在第一次上传后autoProcessQueue为true,那么只需要监听处理事件,并设置this.options.autoProcessQueue = true; inside."

所以只需添加

this.on("processing", function() {
    this.options.autoProcessQueue = true;
});

Answer 3

我的解决方案是:

// init dropzone with auto process queue false
var adPhotosDropzone = new Dropzone("#dropzone", {
    autoProcessQueue: false,
    parallelUploads: 3
});

$(document).on('click', '#btnUpload', function () {
    // enable auto process queue after uploading started
    adPhotosDropzone.options.autoProcessQueue = true;
    // queue processing
    adPhotosDropzone.processQueue();
});

// disable queue auto processing on upload complete
adPhotosDropzone.on("queuecomplete", function() {
    adPhotosDropzone.options.autoProcessQueue = false;
});

Answer 4

很晚了，但也许会对某人有所帮助。

我注意到，当我将maxFilesSize放在parallerUploads之上时，它没有起作用。

因此，选项顺序应为。

.
.
parallelUploads: 20,    
maxFilesize: 2, 
maxFiles: 20,
.
.