欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  微信小程序

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

程序员文章站 2022-04-04 17:21:19
...

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

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

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

代码是这样写的

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

PHP中文网,大量MySQL视频教程,欢迎学习!

以上就是微信小程序真机图片不显示怎么解决的详细内容,更多请关注其它相关文章!