收藏
回答

图片渲染问题

问题模块
API和组件

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


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


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


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

最后一次编辑于  2017-08-15  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

6 个回答

  • 张文
    张文
    2017-08-15

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


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

    2017-08-15
    赞同
    回复
  • 麦叻
    麦叻
    2017-08-15

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

    2017-08-15
    赞同
    回复
  • 张文
    张文
    2017-08-15

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

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

    2017-08-15
    赞同
    回复
  • 麦叻
    麦叻
    2017-08-15

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

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

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

    2017-08-15
    赞同
    回复
  • 欠又
    欠又
    2017-08-15

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

    2017-08-15
    赞同
    回复
  • ✨大灰狼✨
    ✨大灰狼✨
    2018-09-11

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

    2018-09-11
    赞同
    回复