微信小程序真机图片不显示怎么解决

微信小程序真机图片不显示怎么解决

问题:在真机测试发现有些本地图片在开发工具上可以显示,但是在真机上预览的时候不能显示

代码是这样写的

<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

4、域名已备案

5、图片名称没有空格

编程之家,大量MySQL视频教程,欢迎学习!

相关文章

开发微信小程序的用户授权登录功能
小程序开发页面如何实现跳转?
浅谈小程序开发中蓝牙连接错误分析及解决方法
什么是小程序?它有哪些功能?
如何配置小程序开发项目结构?(教程)
怎么把自己的店加入小程序