Vue2如何实现移动端图片上传、压缩及拖拽排序功能？

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

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

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

github地址：代码地址

下面直接进入正题：

图片上传

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