尽管一切正常，HTML img src 返回 404 not found 错误答案

【问题标题】：HTML img src returning a 404 not found error despite everything in order尽管一切正常，HTML img src 返回 404 not found 错误
【发布时间】：2018-08-20 13:11:36
【问题描述】：

这是一件令人困惑的事情。首先查看hierarchy of my folders and etc. 并看到我的图像“cribbage.png”位于图像文件夹下。我正在尝试使用 index.html 中的以下代码访问此图像：`

<!doctype html>
<html lang = "en">
    <head>

    </head>
    <body>
        <h1>Hello World! </h1>
        <img src= "images/cribbage.png" width= "970" height="224"/>
        <div id = "future"></div>
        <form id = "form" id = "chat_form">
            <input id = "username" type="text">
            <input type = "submit" value="Play">
        </form>
        <script src = "/jquery/dist/jquery.js"></script>
        <script src = "/socket.io/socket.io.js">
    </body>
</html>

然而，在加载网站时，我得到了 the following 并且图像被损坏的图像图标替换。

这里到底出了什么问题？

【问题讨论】：

您的网址指向localhost/images/yourimagename.jpg，而您的文件夹结构为localhost/crib/images/yourimagename.jpg

标签： html image http-status-code-404 src

【解决方案1】：

尝试：

<img src= "/images/cribbage.png" width= "970" height="224"/>

【讨论】：

这不起作用，同样的 404 错误和图像仍然找不到。
在您的“我的文件夹等的层次结构”链接中，您是否试图获取位于“/node_modules”文件夹中的“index.html”文件中的图像？如果是这样的话../images/cribbage.png
如果是这种情况并且它解决了您的问题，我建议将 imgages 文件夹移动到 /node_modules 文件夹和我第一次给您的代码:)
事实并非如此，问题仍然存在。我试着做 ../images/cribbage.png 还是不行。
您要加载图像的 html 文件在哪里？

【解决方案2】：

图像字段与 index.html 不在同一个文件夹中。这意味着您的路径应该离开 node_modules 文件夹，然后进入 images 文件夹。

你应该使用 /（离开节点文件夹）图像，然后 /（进入图像文件夹）cribbage.png

所以../images/cribbage.png

【讨论】：

感谢您的解释，但我仍然神秘地收到相同的 404 错误。
试试

【解决方案3】：

检查文件夹中图片的名称是否为小写，因为它区分大小写

【讨论】：

【解决方案4】：

图片文件夹在正确的位置吗？确保您可以从浏览器访问该文件夹。

【讨论】：

【解决方案5】：

<form id="form1" runat="server">
<div>
<img src="../../../Images/Gallery/error2.jpg"  width= "500" height="300" CssStyle="text-align:center"/>
</div>
</form>
</asp:Panel>

【讨论】：

添加评论来解释你的答案。

【解决方案6】：

在我的情况下，我有太多文件夹 ei img/images，所以我将所有图像从 images 文件夹移动到 img 文件夹，我的所有图片都显示成功

【讨论】：

【解决方案7】：

你应该试试这个 <img src= "./images/cribbage.png" width= "970" height="224"/>

【讨论】：

【解决方案8】：

放完整的网址链接。例如：您的服务器名称 test.com http://test.com/imagefoldername/imagename

【讨论】：

这是一个老问题。我不相信您的简短回答实际上可以按原样回答问题，而且绝对不会超过任何其他现有答案。