查看: 53|回复: 0

uni-app 上传图片之压缩图片上传

[复制链接]

2

主题

0

回帖

0

积分

热心网友

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2010-1-28
发表于 2020-4-27 16:04:00 | 显示全部楼层 |阅读模式

原文:https://ask.dcloud.net.cn/article/36331?notification_id-701034__item_id-28962

应后台要求,上传得图片不得大于500kb,但我发现拍照或者相册里面的照片普遍大于1M,试用多种方法之后,终于在移动端测试成功,以下是全部代码

clickImg()页面点击事件,触发选择图片/拍照事件
uploadFile() 上传图片,使用async同步化,压缩完再进行上传。
compress() 压缩图片

  • 5+方法限于移动端使用,因此要限制一下平台,很重要!!!
  • async await--上传图片之前先压缩,否则上传会比压缩先执行

压缩图片api方法:https://www.html5plus.org/doc/zh_cn/zip.html
效果:

//html部分