使用 Dropzone.js 上传订单

Question

我正在使用Dropzone.js和我的 PHP 脚本将文件上传到我的服务器。 我注意到它们并没有完全按照我选择它们的顺序上传。 例如，假设我有1.jpg 、 2.jpg 、 3.jpg 、 4.jpg和5.jpg 。

它们按照服务器最快接收它们的顺序上传。 所以它可以像 4、2、5、3、1 一样上传。

我的 PHP 脚本还将文件插入到数据库中，这就是排序很重要的原因。 我找不到按顺序上传的配置选项，但我想我可能能够遍历队列并按这种方式上传它们，而不是让 dropzone 处理队列。

Answer 1

parallelUploads 设置为 1 应该会有所帮助，但根据要上传的文件数量/文件大小，速度会大大降低。

要取回 parallelUploads，但要控制顺序，您可以将 FileID 作为来自上传 url 的响应传回，并且可以在 dropzone 的成功事件中读取...

dropzoneObject.on("success", function (file, response) {
    // Requires a hidden field named FileIDs to exist in your previewTemplate.
    $(file.previewElement)
        .find("input[name='FileIDs']")
        .val(response);
});

在所有上传完成后（queuecomplete 事件），您可以按照您想要的顺序回发 FileID。