有没有办法在dropzone.js实例中拖放预览元素的重新排序?

我在网页上有一个dropzone.js实例,具有以下选项:
autoprocessQueue:false
uploadMultiple:true
parallelUploads:20
maxFiles:20

它是以编程方式实例化的,因为它是更大形式的一部分.在提交表单时,我已经安装了处理队列.

目标是让我的用户能够使用dropzone来管理项目的图像,所以我希望他们可以通过拖放dropzone.js图像预览来重新排序图像.有没有办法做到这一点?我已经尝试使用jquery-ui的排序,但似乎并没有很好地使用dropzone.js.

解决方法

我现在正在使用jquery-ui的排序工作.诀窍是确保使用“sort”选项来仅选择dz-preview元素,因为dropzone.js具有dz-message元素以及主容器中的dz-preview元素.我的代码如下:

HTML:

<div id="image-dropzone" class="dropzone square">

剧本:

$(function() {
    $("#image-dropzone").sortable({
        items:'.dz-preview',cursor: 'move',opacity: 0.5,containment: '#image-dropzone',distance: 20,tolerance: 'pointer'
    });
})

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...