• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序 本机显示图片,真机调试不显示图片 问题大全

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

最近在学习微信小程序开发,刚写完一个测试页面拿起手机体验的时候bug就出现了,心里苦~    出现个很奇怪的问题,页面的图片在开发者工具中明明是可以显示的,但到了真机中却不见了,检查过图片src路径,貌似也没写错吖。于是开始去网上找各种博客、帖子。大致的解决方法无非是以下几种:

图片路径不能带有中文
图片名称去除空格
将图片前缀http改成https
域名需备案
本地图片src用绝对路径(\'/images/test.png\'),不要用相对路径(\'../../images/test.png\') ,使用相对路径不能正确解析。 具体原因这位大佬详细解释了 https://blog.csdn.net/li11_/article/details/81477888
小程序加载图片的两种写法
1.加载本地的图片

<image class="testImg" src="/image/arrowright.png"></image>
2.加载网络图片

<image class="testImg" src="https://img1.3lian.com/2015/w7/85/d/101.jpg"></image>

最最主要, 得有 height 和width属性。

.bg-imgs {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-size: 100% 100%;
}

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序----相对路径图片不显示发布时间:2022-07-18
下一篇:
微信小程序轮播图不显示或宽度撑不满的解决方案发布时间:2022-07-18
热门推荐
    热门话题
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap