Javascript Dropzone图像重新排序

我使用dropzone通过拖放将多张图片上传到我的服务器。首先，我选择了我所有的图片，然后当我想上传时，我按下按钮，所有的文件都上传了

我想改变他们上传的顺序，我正在使用这个技巧，我可以用鼠标拖动改变顺序

问题是，当我上传图片时，我并没有按顺序上传，但我已经改变了上传顺序，因为我最初把它们放在了dropzone中

我的dropzone配置如下

autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 3,
clickable: ".add",
previewsContainer: "#previews", 
maxFiles: 5,

---

Html将如下所示：

<div id="imageUpload" class="dropzone mt-2"></div>

希望这能奏效。

请参阅以下答案：

$(".dropzone").sortable({
    items:'.dz-preview',
    cursor: 'grab',
    opacity: 0.5,
    containment: '.dropzone',
    distance: 20,
    tolerance: 'pointer',
    stop: function () {
      var queue = myDropzone.getAcceptedFiles();
      newQueue = [];
      $('#imageUpload .dz-preview .dz-filename [data-dz-name]').each(function (count, el) {           
            var name = el.innerHTML;
            queue.forEach(function(file) {
                if (file.name === name) {
                    newQueue.push(file);
                }
            });
      });
      myDropzone.files = newQueue;
    }
});