Question

这是一件令人困惑的事情。首先看一下hierarchy of my folders and etc.并看看我有我的形象，＆＃34; cribbage.png＆＃34;在images文件夹下。我试图使用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并将图片替换为损坏的图片图标。

这里到底出了什么问题？

Answer 1

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

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

所以../ images / cribbage.png

Answer 2

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

Answer 3

尝试：

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

Answer 4

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

Answer 5

对于我来说，我的文件夹 ei img / images 太多，所以我将所有图像从 images 文件夹移到了 img 文件夹，并且我的所有图片都能成功显示

Answer 6

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

Answer 7

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

Answer 8

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

HTML img src返回404找不到错误，尽管一切都按顺序排列

8 个答案: