在 src 属性上找到但未加载的图像

Posted 2023-03-07

【中文标题】在 src 属性上找到但未加载的图像

【英文标题】：Image found on src attribute but not loaded

【发布时间】：2021-02-13 06:21:01

【问题描述】：

我是网络开发的新手，我想加载一张图片。找到图像但由于某种原因未加载。 当我说找到图像时，这就是我的意思：

这是我的代码的一部分（堆栈溢出说它对于帖子来说太大了）：

<div class="flex flex-col flex-grow pt-4 pb-4 overflow-y-auto bg-white border-r border-gray-200">
    <div class="flex items-center flex-shrink-0 px-4">
        <img class="w-auto h-8" src="./exchange/resources/assets/img/logo/angel-lg.png" >
    </div>
    <div class="flex flex-col flex-grow flex-shrink-0 mt-4">
...

以下是屏幕上显示的内容：

我在这个项目中使用 Laravel Mix。提前致谢。

【问题讨论】：

请提供您的代码

如果它没有被加载，那么它就没有被发现。查看您的Browser Inspector，了解具体原因。我怀疑图像不在<img> 标签中指定的目录中

“找到图片”是指您从互联网上的其他地方检索到的图片吗？

【参考方案1】：

基本上这里发生的事情是您的图像路径错误。

<img class="w-auto h-8" src="./exchange/resources/assets/img/logo/angel-lg.png" > <!-- src/path is wrong -->

屏幕上显示的是替代文字“Angel Logo”，这意味着确实没有找到图片。 你能提供你试图显示的图像的路径吗？ （右键单击桌面上的图像并选择“复制路径”）

【讨论】：

啊，现在我知道替代文本已显示，抱歉... C:\laragon\www\exchange\resources\assets\img\logo\angel-lg.png 这是完整的图像路径！

我不知道这是否有帮助，但网络选项卡中的请求 URL 是：exchange.test/www/exchange/resources/assets/img/logo/…

@FernandoRodriguesCoelho 这个 html 文件的路径是什么？

【参考方案2】：

由于某种原因，图像的相对路径 (./) 是公用文件夹。谢谢大家！