微信小程序——如何解决本地图片不显示的问题

本文主要介绍了在开发微信小程序时遇到的本地图片在模拟器上显示正常,但真机(尤其是安卓设备)上无法显示的问题。作者通过查阅官方文档和社区反馈,发现可能的原因是图片不符合规范。为解决此问题,作者推荐使用第三方图片上传网站获取图片URL,然后在小程序中引用该URL,经测试这种方法有效。
摘要由CSDN通过智能技术生成

解决微信小程序本地图片不显示的问题

这篇记录的是小涂踩的小程序的一个坑:本地图片真机显示不出来!

问题发现

开发小程序过程中,模拟器上显示一些本地的图标照片(.jpg \ .png …)模拟器上可以清楚的显示出来,像这样:
在这里插入图片描述
但是,一到真机上(而且似乎尤其是安卓机上):
别人的苹果可以显示。这个bug我也是服!
在这里插入图片描述
我查官方文档,发现很多人也提过这个问题,但是官方没有给出结果,只是说可能图片不符合规范,会加载失败。

但是,小涂怎么会放弃呢?

解决方案

我们可以将图片上传到一些上传图片的网站,我用的是随意云
将图片上传到网站以后,可以得到https开头的图片地址,就这样写:

<!-- <image src="/
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值