图片渲染问题

发布于 8 年前作者 lsong6799 次浏览最后编辑 8 年前来自 ask

如何才能判断页面中的从接口中获取的所有图片都加载完毕以后,再显示该页面。


由于图片都是有wx.request + this.setData  设置的图片有时候只加载了一半页面就显示出来,结果很不好看。


我希望图片渲染完之前 使用loading的 gif图片,渲染完以后再出现该如何实现。

请问一下wx.request complete回调的时候页面中的图片都渲染完毕了吗

6 回复
chao07
chao071 楼6 年前

图片较多的话,这种方案就不太友好了,你可以想想有没有其他的方案。

服务器没问题的话,网速不好的情况下,这种现象很正常,不是什么大问题。

otan
otan2 楼6 年前

分块加载吧  那就   先加载上面的  加载完了 再加载下面的

fcheng
fcheng3 楼6 年前

哪里都有你 你好贴心啊!  我做的是一个商城,首页就有很多很多图片的, 将图片存到本地的话不是还要经过用户同意吗

ming94
ming944 楼6 年前

缓存至本地会影响打开体验

fang28
fang285 楼6 年前

complete是指不管success还是fail都会回调,成功时跟success是一样的,造成上述的原因有两种可能:一是你服务器传输速度不够,二是你手机这边的网速加载速度不够。

我建议是在要使用这张图片之前的一段时间(甚至刚入小程序)就将这张图片从服务器保存到本地缓存,用的时候应该就不会出现加载一半的情况了。

yinchao
yinchao6 楼6 年前

可能就是因为图片太多 所以不可能一瞬间所有的图片都加载完毕 才会有一些图片没加载完

我知道这是正常现象,不过想优化下,毕竟用户看过去不是那么美观

所以我才想知道下有没有办法能判断页面的所有图片都渲染完毕了。