解决小程序图片在开发者工具能显示,测试时真机不显示问题

本文描述了在微信小程序中遇到的图片加载问题,图片在开发者工具中正常显示,但在真机测试时部分图片无法加载。经过排查,发现图片路径不能包含中文、图片名称不能有空格、图片链接需使用https等问题,并提供了两种图片加载的代码示例。

最近经管院的三个小伙伴邀请我参加绿创的创业项目,我负责给设计的产品写一个简单的微信小程序。发版后出现了一个奇怪的问题,页面的图片在开发者工具中明明是可以显示的,但到了真机测试时有的图片却不见了,检查过图片src路径,貌似也没写错呀,鉴于本人无神论者不可能撞见鬼了。于是开始去网上找各种博客、帖子。大致的解决方法是以下几种:

图片路径不能带有中文
图片名称去除空格
将图片前缀http改成https

附小程序加载图片的两种写法

1.加载本地的图片

<image src="/images/welfare/many_peoples.jpg"></image>

2.加载网络图片

<image src="https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg"></image>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值