HTML img src 返回 404 未找到错误，尽管一切正常

这是一件令人困惑的事情。首先看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并且该图像将替换为损坏的图像图标。

这里到底出了什么问题？

最佳答案

我注意到某些网络框架不允许您将图像或视频放在任何您想要的地方。例如，在寻找这个问题的解决方案时，我记得Flask(我使用的框架)不会渲染任何不在“static”文件夹中的图像或视频。

我不知道其他框架是否有类似的东西，但如果你认为一切都井然有序，你应该考虑到这一点。

关于HTML img src 返回 404 未找到错误，尽管一切正常，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49236527/