我已经使用dropzone通过拖放将多张图片上传到我的服务器。首先,我选择所有图片,然后在要上传时按按钮,所有文件都上传了。
我想更改它们上载的顺序,并且我正在使用此提示Is there a way to do drag-and-drop re-ordering of the preview elements in a dropzone.js instance?,并且可以通过鼠标拖动来更改顺序。
问题是,当我上传图片时,并未按照更改的顺序进行上传,而是按照我最初将它们放在dropzone中的方式上传的。
我的dropzone配置为此
autoProcessQueue: false,
uploadMultiple: true,
parallelUploads: 3,
clickable: ".add",
previewsContainer: "#previews",
maxFiles: 5,
HTML将如下所示:
<div id="imageUpload" class="dropzone mt-2"></div>
并在js中添加此代码
$(".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;
}
});
希望这会起作用。