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

发布时间:2019-05-15 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了有没有办法在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'
    });
})

总结

以上是脚本之家为你收集整理的有没有办法在dropzone.js实例中拖放预览元素的重新排序?全部内容,希望文章能够帮你解决有没有办法在dropzone.js实例中拖放预览元素的重新排序?所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: