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

前端之家收集整理的这篇文章主要介绍了有没有办法在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'
    });
})
原文链接:https://www.f2er.com/js/151460.html

猜你在找的JavaScript相关文章