基于weui上传组件的二次封装

　　千万级用户应用微商相册继续上新功能了，这次新功能主要迭代是小程序，让小程序支持发布商品功能，这是封装weui上传组件的原因，又是因为工作才去做的事情，我真是个不主动学习的人，先自责一下；这次记录主要是考虑到其中的实现有很多小程序开发的细节，实现方案比较low，但是还是记一下记一下。

　　先来看看weui的上传组件

　　

 

　　从UI的角度来看，明显是用flex布局，view元素来实现整体布局。

　　我们的需求是:

1. 长按后可拖拽换文件位置
2. 如果是图片，需要先压缩尺寸，再压缩质量，直到压缩尺寸小于500kb，视频尺寸小于5mb
3. 图片视频上传到云服务器，成功后渲染
4. 图片，视频数量限制 9 + 1

　　总结组件的主要功能需要做到：

1. 文件大小限制
2. 压缩图片
3. 上传图片视频
4. 可拖拽

 

来源：https://www.cnblogs.com/shy-boy/p/12490968.html