评论

微信小程序使用image 的src导入图片在模拟器上显示,真机调试图片不显示的解决方法

一个小问题的处理方法

1.若为本地图片,可能是图片路径中含有中文或者空格

此时在模拟器上可以正常显示

而真机上显示不出来

将图片路径中文或者空格删去即可。

若仍未解决,可以尝试将src的相对路径改为绝对路径,可能和文件层深的问题有关。

2.在线图片时,尝试将图片前缀的http改为https 若未解决 可以尝试查看网站域名的合法性




最后一次编辑于  2021-11-15  
点赞 9
收藏
评论

11 个评论

  • Andyfishbaby
    Andyfishbaby
    发表于移动端
    2021-12-13
    👍👍👍
    2021-12-13
    赞同 3
    回复
  • 闲云
    闲云
    2021-12-02

    感谢大佬,我的小程序本地gif图在开发工具显示没问题,真机就不显示,改成绝对路径就好了

    2021-12-02
    赞同 3
    回复 4
    • 胡明宇
      胡明宇
      2022-11-24
      遇到同样问题,麻烦说的详细点
      下面是我的问题:
      调试时显示(tp1),真机不显示(tp2)
      2022-11-24
      回复
    • 胡明宇
      胡明宇
      2022-11-24
      我现在也遇到相同问题,卡了好多天了,调试时显示(tp1),真机不显示(tp2),麻烦解答一下
      2022-11-24
      回复
    • 夏雨天
      夏雨天
      2023-03-16回复胡明宇
      请问这个问题解决了吗,我遇到了跟你一模一样的问题
      2023-03-16
      回复
    • 雨声
      雨声
      2023-04-21回复夏雨天
      大概率打包有问题,把模拟器重启,再重新预览或上传。
      2023-04-21
      回复
  • 智道教育-张老师
    智道教育-张老师
    2021-11-23

    十分感谢!我写的swiper在电脑上的微信开发工具里一切正常,到了手机预览就不现实轮播的图片了,找了好久,试了很多办法,原来是https的问题!!我说呢?其他图片都正常显示,只有轮播图的不显示!!十分感谢!

    2021-11-23
    赞同 3
    回复
  • 谋谋谋
    谋谋谋
    2021-11-16

    社区大佬真多 我算是学到了

    2021-11-16
    赞同 3
    回复 1
    • 臭臭
      臭臭
      2021-11-16
      大佬别骂了 (哭)
      2021-11-16
      2
      回复
  • try_龘赟
    try_龘赟
    2022-03-03

    https://res.wx.qq.com/wxdoc/dist/assets/img/0.4cb08bb4.jpg 官方文档的示例图片,官方开发工具开发时正常访问, 编译后就一片空白. 难道这个域名也不合法 咯.

    2022-03-03
    赞同 2
    回复
  • 一翅飞
    一翅飞
    2023-04-26

    补充一种情况:注意图片名称的大小写。模拟器中不区分大小写,真机中严格区分(可能是我OS/微信版本低?)。

    我的现象是:有两张图片,logo.png 和 Logo2.png, 我原来使用的是 <img src="/img/logo.png"/>,后来修改为<img src="/img/logo2.png"/>,结果在模拟器中正常显式,真机中空白一片。

    多次调试后,终于发现是大小写的问题。

    2023-04-26
    赞同
    回复
  • 雨声
    雨声
    2023-04-21

    大概率打包有问题,把模拟器重启,再重新预览或上传。

    2023-04-21
    赞同
    回复
  • 胡明宇
    胡明宇
    2022-11-24

    我遇到的问题,头疼好几天了,谁解答下,调试时图片显示如(tp1),真机不正常显示,如(tp2),麻烦过路高手debug一下

    2022-11-24
    赞同
    回复 2
    • Aúpa🦊
      Aúpa🦊
      2023-05-14
      解决了不?遇到了同样的问题
      2023-05-14
      回复
    • william
      william
      2023-05-31
      不能在路径后面加?把
      2023-05-31
      回复
  • 养龙的赛小息
    养龙的赛小息
    2022-10-02

    感谢大佬,图片问题解决了,原来是中文路径搞的鬼

    2022-10-02
    赞同
    回复
  • P了个F
    P了个F
    2022-07-19

    感谢感谢,我的是因为图片名字是中文导致

    2022-07-19
    赞同
    回复

正在加载...

登录 后发表内容