用Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能 图片上传图片压缩拖拽排序、拖拽删除 github地址:下面直接进入正题:图片上传图片上传用的是HTML的input标签实现的。核心就是把获取到的文件通过FileReader转换成图片,代码如下:图片压缩图片压缩用的是canvas重绘的方法实现的,具体代码如下:拖拽排序、拖拽删除拖拽排序、拖拽到指定位置删除是通过监听touch事件来实现的。

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能

基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能