公告列表
公告列表
收藏
回答

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

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

就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
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
白屏时间