当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 基于weui上传组件的二次封装

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

2020年03月14日  | 移动技术网IT编程  | 我要评论
千万级用户应用微商相册继续上新功能了,这次新功能主要迭代是小程序,让小程序支持发布商品功能,这是封装weui上传组件的原因,又是因为工作才去做的事情,我真是个不主动学习的人,先自责一下;这次记录主要是考虑到其中的实现有很多小程序开发的细节,实现方案比较low,但是还是记一下记一下。 先来看看weui ...

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

  先来看看weui的上传组件

  

 

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

  我们的需求是:

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

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

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

 

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网