开发微信小程序,导入使用本地图片,Android手机上测试图片显示空白

微信小程序中,导入使用本地图片,开发时在电脑上显示正常,iOS上也能正常显示,但是在Android上图片显示空白,
如图:

在这里插入图片描述

原因:网上查找,说有可能是这些原因

1.image src中的图片地址对英文字母大小写敏感,必须确认大小写对得上;

2.图片大小问题。似乎微信小程序对程序中用到的图片有大小要求,用到的本地图片要小于10KB才能顺利在真机上也能显示。因此通过用Photoshop CC把原来使用的png图片压缩成小图片输出到小于10KB再放回images文件夹下使用就可以了。

但是他说的两点我都符合,最后自己才发现,原来是路径中存在中文导致的

比如说现在这样导入本地图片

import adviceImg from '@images/icon/icon_jyxx@2x.png';
import notificationImg from '@images/icon/icon_通知公告@2x.png';
import dynamicImg from '@images/icon/icon_关注动态@2x.png';

显示就是这样的

忽略未读消息数小红点

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值