jquery - 如何读取等待 dropzone 的文件列表并按顺序上传

Question

我正在使用(拖放)dropzone.js

上传多个图像

这里我将 autoProcessQueue 保留为 false 以进行自定义上传。

现在我正在寻找如何获取我选择上传的队列列表。原因是我需要一个接一个地上传文件，以便保持顺序。我可以将选项 parallelUploads 保留为 1 ，以便文件一个接一个地上传，但这里的问题是第二个文件不等待前一个文件的响应文件。

因此，意味着在上传服务器的过程中，第二个文件正在被处理，如果它的大小小于第一个文件，那么它会在前一个文件之前先上传。

请问有什么答案吗？

Answer 1

我最近一直在与 dropzonejs 合作和 SlickGrid我遇到了文件排序挑战以及在所有文件上传之前触发的事件。当您使用默认值时，它将分隔所有上传，因此要允许多个文件，您需要设置 uploadMultiple 参数。您可以通过设置 paralellUploads 参数来控制支持的并行上传数量。我好像记得它默认是两个。诀窍是在处理响应之前等待所有上传完成。我知道您希望保留要上传的文件的顺序，但我真的认为您想按顺序处理响应。强制它们按顺序上传会消除任何并行上传的优势。

我添加了两个处理程序一个用于在响应完成时保存响应(每个并行上传 block 都会生成其中一个

myDropzone.on("successmultiple", function(file,response) { 
  save_responses(response); 
});

还有一个在完成后处理所有这些。

myDropzone.on("completemultiple", function() {
  if (this.getQueuedFiles().length == 0 && 
      this.getUploadingFiles().length == 0) {
    process_responses(this.getAcceptedFiles());
  }
});

如果您怀疑文件的顺序不正确，您可以随时检查 event.dataTransfer.files 数组