我在网页上有一个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' }); })