收藏
回答

小程序从阿里云拉图片会白屏怎么解决?

就一开始,还没请求到阿里云的图片时,会有一小段时间的白屏,这个怎么解决呢

就5张图片,不大的,100k。

我现在放一张图片,20k,也是会闪一下……

最后一次编辑于  2020-03-17
回答关注问题邀请回答
收藏

4 个回答

  • Admin²⁰²¹
    Admin²⁰²¹
    2020-03-17
    不仅是从阿里云请求图片,任何地方请求图片都会这样吧
    图片多了,渲染来不及,就会有一块空白
    解决方法是先弄个遮罩层,显示加载中的图片。数据请求回来后,显示请求回来的图片,绑定<image的bindload事件,加载完成后遮罩层hidden起来
    

    2020-03-17
    有用 1
    回复 7
    • 渐层
      渐层
      2020-03-17
      哎呀,忘记说了一个,图片其实不多,就5张,100k。但好像确实是没办法避免这个
      2020-03-17
      回复
    • Admin²⁰²¹
      Admin²⁰²¹
      2020-03-17回复渐层
      5张那你先显示默认图吧。等请求数据完成后再setData修改下
      2020-03-17
      回复
    • Admin²⁰²¹
      Admin²⁰²¹
      2020-03-17回复Admin²⁰²¹
      100K太大啦,可以先显示缩略图,20KB以下的。用户点击时才显示大图的模式吧
      2020-03-17
      回复
    • 渐层
      渐层
      2020-03-17回复Admin²⁰²¹
      我突然想到,我也许可以做个缓存,因为每次其实请求的图片,都是同样的5张,有缓存不请求,没有就请求。
      2020-03-17
      回复
    • Admin²⁰²¹
      Admin²⁰²¹
      2020-03-17回复渐层
      不适合,除非这5张图固定的。既然固定的话你直接打包到小程序里面好了。还用什么网络请求
      所以建议缩略图+设置图片Cache-control方式
      2020-03-17
      回复
    查看更多(2)
  • 铅笔画不出蜡笔的味道
    铅笔画不出蜡笔的味道
    2020-03-17

    可以加个加载动画

    2020-03-17
    有用
    回复 1
    • 渐层
      渐层
      2020-03-17
      这个,其实想过,但是不太合适,就相当于是切换一个类型,我看了淘宝的首页,也是会“闪一下”,但它闪的时间好短。
      2020-03-17
      回复
  • 颓废上瘾
    颓废上瘾
    2020-03-17

    图片加个lazy-load属性。

    2020-03-17
    有用
    回复 3
    • 渐层
      渐层
      2020-03-17
      我都快忘了这个了,我试试
      2020-03-17
      回复
    • 渐层
      渐层
      2020-03-17
      好像有点不太合适,我就每次请求5张图片,不用往下滑的,就这五张图片,每次进去都要闪一下……
      2020-03-17
      回复
    • 颓废上瘾
      颓废上瘾
      2020-03-17回复渐层
      emmmmm
      2020-03-17
      回复
  • 子不语
    子不语
    2020-03-17

    你好,请提供能复现问题的简单代码片段

    https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    --↓↓👍如果觉得有帮助的话请点个【赞】吧(唏嘘也有小尾巴了,可惜是假的)

    2020-03-17
    有用
    回复 1
    • 渐层
      渐层
      2020-03-17
      就是异步请求图片,然后图片没加载出来之前,先加载了页面,所以看着就特奇怪。
      2020-03-17
      回复
登录 后发表内容
问题标签