使用 Dropzone.js 上传订单

Ron*_*nie 5 javascript file-upload dropzone.js

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

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

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

Sul*_*lly 3

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);
});
Run Code Online (Sandbox Code Playgroud)

所有上传完成后(queuecomplete 事件),您可以按照您想要的顺序回发 FileID。