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

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

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

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

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

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

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

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

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

显示就是这样的

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

忽略未读消息数小红点

你可能感兴趣的:(微信小程序)