微信小程序开发真机不显示图片？

Posted 2023-05-06

这是怎么回事啊

像这种情况一般是路径写的问题，你可以试试用/pages/image/fm.jpg试试看看能不能出来。路径是分相对路径和绝对路径的，如果你不懂，就把图片发布到网络地址下，然后使用网络地址就能显示了。 参考技术A

写微信小程序的时候，难免会为了赶进度而直接使用本地的图片，在模拟器上的时候可以正确显示图片，但是到手机上就无法显示图片了，那么可以尝试一下把图片的后缀改到小写，说不定就好了呢？

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

代码是这样写的

<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.图片名称没有空格

望采纳

追问

百度复制粘贴来的吧

百度复制粘贴来的吧

参考技术B 像这种情况一般是路径写的问题，你可以试试用/pages/image/fm.jpg试试看看能不能出来。路径是分相对路径和绝对路径的，如果你不懂，就把图片发布到网络地址下，然后使用网络地址就能显示了。【点击了解更多加盟项目】 参考技术C 可能是你没弄对

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

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

代码是这样写的

<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.图片名称没有空格