如何解决 wx.chooseImage 返回的原图路径在 <image> 中渲染卡顿?
发布于 5 年前 作者 txiong 10269 次浏览 来自 问答

需求:需要上传原图,因此 chooseImage 的 sizeType 需要强制为 original;

问题:上传原图需要时间(尤其是多张原图,且网速不快的时候);在上传的过程中,界面上需要先显示一张缩略图,让用户知悉已经从相册选择图片成功,并正在上传中。此时如果直接将原图的地址,传给 <image> 进行渲染,将导致页面加载原图进行渲染显示,页面在图片加载完成之前,会出现明显的卡顿。

注:有尝试使用 compressImage,但是它是在不改变分辩率的情况下,对图片进行压缩,压缩效果不理想,一张 6M 的图片,quality 设置为 4,出来的尺寸仍然有 600K,而且图片内容已经有明显误差了

不知有没有什么好的办法,以及未来是否可以考虑:wxchooseImage 增加一个开关,如果开启的话,返回原图路径 + 缩略图路径,这样前者可以用来上传,后者可以用来展示,两不误

1 回复

或许暂时也可以使用 canvas 来曲线救国,不过貌似这个曲线代价也不小

回到顶部