jquery - Dropzone.js 使用 jQuery 可排序对队列进行拖放重新排序

标签 jquery jquery-ui-sortable dropzone.js

我将 dropzone 与 autoProcessQueue: false 结合使用,让用户有机会删除文件/等。

理想情况下,我希望允许对队列进行拖放重新排序...这样,如果用户选择 10 个图像并将它们拖到拖放区中,则可以使用鼠标对它们进行排序。

到目前为止,我已将 jQuery sortable() 应用于 .dz-preview 元素(.dz-preview 是 dropzone 中用于显示要上传的每个图像的 div)。

它非常有效,因为它改变了 .dz-preview 元素的显示顺序...但它们仍然按照最初添加到队列中的顺序上传。

有什么想法吗?

最佳答案

你的问题实际上是关于jQuery.sortable()
您需要为 sortable() 定义 stop() 函数。从那里您可以获取元素的顺序并将其注入(inject)表单中的某个隐藏字段,然后该字段将与其余字段一起发送到服务器。
这是一个示例:Get order of list items in a jQuery Sortable list after resort

关于jquery - Dropzone.js 使用 jQuery 可排序对队列进行拖放重新排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23945147/

相关文章:

javascript - 在 dropzone 文件上传时显示成功/错误消息

javascript - 如何通过将 createImageThumbnails 设置为 false 在 Dropzone JS 中获取图像尺寸?

javascript - 稍后加载元素,以提高页面速度,但使其对 SEO 可见?

java - 在 JSF 中使用 JQuery Mask 插件

jquery - 使用 $ ("body") 选择器时应该使用 .eq(0) 吗?

javascript - jQuery ui 可排序 : How to disallow the nesting of groups while allowing all the items to be inter-sortable

jquery在post请求中设置 header

jquery ui 可排序,获取发送对象

jquery - 从可排序列表拖动到完整日历

javascript - 访问 File 对象的某些列出的属性时返回 "undefined"