拖放图像并捕获图像名称和顺序

时间:2014-01-30 22:49:40

标签: javascript php jquery

我有一个网络表单。

我在页面上显示了一组约20张图像。我希望用户能够将五个图像拖动到保留区域,并能够安排他们的订单。

在提交时,我希望这些图片的名称及其顺序成为$ _POST数据的一部分。

如果有人能指出我可以进行逆向工程的这个功能的工作示例,请指出我提供此功能的开源项目,或者可以提供执行此操作的代码,我将不胜感激。

我正在使用PHP,使用jquery和js

谢谢。

1 个答案:

答案 0 :(得分:0)

如果已经使用JQuery,请转到JQuery UI。

他们有一些名为DRAGGABLE和DROPPABLE的动作,你可以将它们应用于div。这是一个非常优雅,易于使用的设置。

实施例: 向右看以获取更多示例

http://jqueryui.com/droppable/

至于发布,在提交时你可以遍历DOM,在“holder div”中查找图像并发布该OR,你可以挂钩每次项目被“删除”时触发的事件并将其写入每个框中的隐藏或其他表单元素。