本人场景:wxml
<image>
标签设置src="../../images/中文名.png"
时出现 IOS 端显示没问题,而安卓端不显示图片的问题。
上网一查才看到微信小程序在安卓和 IOS 系统间存在着许多的坑。
1.安卓手机访问不到图片,无法显示图片
微信小程序不显示图片
通病可能有以下几种可能:
1.非本地图片:图片资源是否有效且能够正常访问
2.本地图片:图片路径是否正确
3.图片路径不能存在中文,需使用英文做路径和文件名
4.文件后缀名要小写并且保证正确
5.网络图片必须确保域名已经备案
安卓手机微信小程序访问不到图片,而苹果手机正常
网上的解释是:大概率上安卓手机访问不到图片问题是因为图片地址做了 CDN 转发,多数 CDN 会默认开启防盗链。
解决方案是:需要关闭 CDN 防盗链,因为防盗链会导致浏览器能够显示,而客户端不能显示。
本人试了一下,将中文名称改为英文,改 png 后缀 jpg…等等,最后是将
<image src="{{imageSrc}}">
解决了问题。