目录

微信小程序真机不显示图片三个解决方案

微信小程序真机不显示图片【三个解决方案】

今天网友在开发小程序中遇见一个很奇怪的问题,就是编辑器编译后可以正常显示项目图片,但是当真机预览时却不显示图片。针对这个问题经过对比、尝试算是找到了问题的原因。下面将最近真机不显示的情况进行一下汇总:
1.本地图片文件名称中包含中文:

https://i-blog.csdnimg.cn/blog_migrate/74c64991c23d760780eb61981df38ad5.png#pic_center

像上面图片,文件名称为中文,代码里面即使将文件路径设置正确同样真机不会显示图片。这个问题之前遇见过,不知道现在wx是否解决了这个问题。

2.本地图片文件名称中后缀大小写不统一:

https://i-blog.csdnimg.cn/blog_migrate/f26898ae6a423305486fba5825d34970.png#pic_center

当本地图片的后缀名出现有大写、有小写时就要注意了,代码中写的文件路径为小写时,就会出现真机不显示图片的问题(这个问题就是网友遇见的,当时替换图片之后电脑设置没有显示后缀,导致后缀为大写,代码中为小写)

3.代码中使用的图片为网络图片链接:

这种情况编辑器也需要设置:

https://i-blog.csdnimg.cn/blog_migrate/7302623fa6a127d29dbe05bc00849dcb.png#pic_center

手机端需要设置为调试模式:

https://i-blog.csdnimg.cn/blog_migrate/d0c7b66dd227b3d35ce221c3de5d2bff.jpeg#pic_center