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

【问题标题】：Image found on src attribute but not loaded在 src 属性上找到但未加载的图像
【发布时间】：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" alt="Angel Logo">
    </div>
    <div class="flex flex-col flex-grow flex-shrink-0 mt-4">
...

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

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

【问题讨论】：

请提供您的代码
如果它没有被加载，那么它就没有被发现。查看您的Browser Inspector，了解具体原因。我怀疑图像不在<img> 标签中指定的目录中
“找到图片”是指您从互联网上的其他地方检索到的图片吗？

标签： html css laravel-mix tailwind-css

【解决方案1】：

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

<img class="w-auto h-8" src="./exchange/resources/assets/img/logo/angel-lg.png" alt="Angel Logo"> <!-- 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】：

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

【讨论】：