小程序image组件不显示图片？

原创于 2022-06-22 19:04:00 发布 · 2.3k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

小程序专栏收录该内容

20 篇文章

订阅专栏

本文介绍了在开发微信小程序时，遇到图片无法显示的问题，通过将图片URL前缀修改为https://images.weserv.nl/?url=，解决了图片加载失败的情况，并提供了详细步骤和原因分析。

在开发小程序时，遇到部分图片不显示的问题

假设不展示的图的地址为: https://profile-avatar.csdnimg.cn/220880f9c0f74e4484d440c6e74f2450_dark_programmer.jpg

1.`image组件占位但不展示图片`

图例：
在这里插入图片描述

2.解决办法：

添加前缀: https://images.weserv.nl/?url=
如：

<image class="image" mode="aspectFill" src="https://images.weserv.nl/?url=https://profile-avatar.csdnimg.cn/220880f9c0f74e4484d440c6e74f2450_dark_programmer.jpg!3" onError="imageError" onLoad="imageLoad"/>

如此即可展示正常
在这里插入图片描述

小程序image组件不显示图片？

1.image组件占位但不展示图片

2.解决办法：

1.`image组件占位但不展示图片`