如何用Vue2开发支持图片上传、压缩和拖拽排序的移动端图片管理功能？

本文共计1284个文字，预计阅读时间需要6分钟。

使用Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能，包括图片上传、压缩、拖拽排序、拖拽删除。之前在公司开发过一段时间的移动端H5页面，其中有一个功能就是上传和压缩图片。

用Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能 图片上传图片压缩拖拽排序、拖拽删除
之前在公司开发过一段时间的移动端H5页面，有个功能就是要上传图片+压缩。参考了一下网上的方法，外加自己摸索的过程，最终实现了这个功能。后面在家闲的时候又加多了个长按选中图片，并且可以拖拽排序、拖拽到指定位置删除的功能。

github地址：代码地址

下面直接进入正题：

图片上传

图片上传用的是HTML的input标签实现的。