博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片拖拽功能的实现
阅读量:5148 次
发布时间:2019-06-13

本文共 533 字,大约阅读时间需要 1 分钟。

1. 引入js库 (js下载地址:https://github.com/SortableJS/Sortable)

2. 拖拽的使用

/**       * 图片拖拽函数(先允许图片拖拽,然后在上传的时候再去对比数据)       * @param imageElementName       * @param imageData       */      function draggingAndPulling(imageElementName) {          // 图片拖拽          var imageElement = document.getElementById(imageElementName); // 要拖拽的div的名称          if (imageElement != null) {              new Sortable(imageElement, {});          }      }

3. 拖拽其实并不难,难的是对拖拽之后的图片进行排序,然后再保存到数据库中进行存储,这个就要视情况而定了。

转载于:https://www.cnblogs.com/cjjjj/p/10418441.html

你可能感兴趣的文章
分享:FIFO 同步、异步以及Verilog代码实现
查看>>
二分查找算法
查看>>
《构建之法》读书笔记2
查看>>
enum 枚举一般用法 dotnet
查看>>
SVM理解
查看>>
ReportServer Tutorial
查看>>
SQL-Server存储过程基础
查看>>
TextView实现圆角效果
查看>>
linux内核分析 第5章读书笔记
查看>>
Here We Go(relians) Again HDU2722
查看>>
P1576 最小花费 最短路
查看>>
洛谷 P2424 约数和
查看>>
Js浮动层插件,点击按钮弹出层,可关闭
查看>>
使用MockMvc编写spring boot的controller的测试用例
查看>>
电脑设计常见题型
查看>>
Rabbitmq集群高可用部署详细
查看>>
Mac搭建Java开发环境
查看>>
C#尝试读取或写入受保护的内存。这通常指示其他内存已损坏。
查看>>
C++标准库简介(转)
查看>>
Linux从入门到精通——控制服务
查看>>