欢迎访问 生活随笔!

生活随笔

当前位置: 首页 >

小程序引入图片报错

发布时间:2024/4/11 44 豆豆
生活随笔 收集整理的这篇文章主要介绍了 小程序引入图片报错 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
  • 报错:
    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/,也就是说小程序内部可能不支持本地路径引用

  • [渲染层网络层错误] 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内,而不是同级

  • 总结

    以上是生活随笔为你收集整理的小程序引入图片报错的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。