使用Dropzone.js上传订单

Upload order with Dropzone.js

本文关键字：Dropzone js 使用      更新时间：2023-09-26

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

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

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

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

要取回并行上传，但可以控制顺序，您可以将 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);
});

在所有上传完成后（队列完成事件），您可以按所需的顺序回发 FileID。

相关文章：