微信小程序使用本地图片在真机不显示的问题

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序使用本地图片在真机不显示的问题相关的知识,希望对你有一定的参考价值。

最近做的小程序,在真机测试发现有些本地图片在开发工具上可以显示,但是在真机上预览的时候不能显示

代码是这样写的

<view class=‘seat-size‘ wx:for="item" wx:key="index" wx:for-index="index" wx:for-item="citem">
<image src=‘../../../images/seaticon.png‘ class=‘seat-img‘ />
</view>
最后发现路径这样写在真机上不识别,需要相对于根目录来写

<image src=‘/images/seaticon.png‘ class=‘seat-img‘ />

像这样就可以解决问题了。

 

如果不是路径问题,还有其他几种办法查找问题,从其他博主那采摘滴

1.图片是用image加载的;

2.图片的url里面没有中文;

3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg(建议全部为png)

4.域名已备案;

5.图片名称没有空格

以上是关于微信小程序使用本地图片在真机不显示的问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序真机调试时后台是本地服务器,显示“未能连接到服务器”

微信小程序真机调试中一些小问题

原创:跳坑指南——微信小程序真机预览跟本地不同的问题

微信小程序:实现密码的可见与隐藏功能(真机有效)

threejs 在微信小程序中,我回答过的一些问题

解决微信小程序开发者工具输入框焦点问题