小程序引入图片报错

  1. 报错:
    Failed to load local image resource /pages/portal/C:/Users/85966/Desktop/QQ%E5%9B%BE%E7%89%8720220124134204.png
    the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
    (env: Windows,mp,1.05.2109131; lib: 2.14.1)

    加载本地图片资源[路径]图片失败,可以看图片路径,确实不是我们想要的。这里用的是本地计算机上的图片路径名C:/Users/85966/Desktop/QQ%E5%9B%BE%E7%89%8720220124134204.png,但小程序给加上了/pages/portal/,也就是说小程序内部可能不支持本地路径引用

  2. [渲染层网络层错误] Failed to load local image resource /miniprogram/images/IMG_4262(20210714-182614).JPG
    the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
    (env: Windows,mp,1.05.2109131; lib: 2.14.1)

    报错的路径是:/miniprogram/images/IMG_4262(20210714-182614).JPG
    其实这的确是我们想要引入的图片路径。但是,(基于经验),正确的路径名引用应该是:/images/IMG_4262(20210714-182614).JPG
    在这里插入图片描述

    仔细观察红框代码内的区别,想要引用的照片都是同一个,但一个可以显示出,一个不可以,区别就在于miniprogram

    因为小程序开发中,
    . . / ../ ../代表后退一层文件夹
    . / ./ ./ 表示当前文件夹
    非路径名的第一个 / / / 表示进入一层
    路径名第一个 / / / 表示根目录

    可以猜测(可能有误),小程序中的根目录指的不是miniprogram、cloudfunctions层,而是pages、images这层
    这也是为什么一般images都放在miniprogram内,而不是同级在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值