Question

我的代码如下：

<img src="C:\Users\Brad\Desktop\Root Folder\img\Spidey.jpg" alt="">

文件结构：

 Root Folder
 |_ src
    |_ index.html
    |_ img
       |_ Spidey.jpg

图像文件夹位于保存我所有其他HTML文件的相同根文件夹中。有什么建议么？重新加载时，出现残破的图像图标。在代码中，我使用了您的建议img src =“ ../ img / Spidey.jpg”以及img src =“ / img / Spidey.jpg” alt“”，除破损的图像Icon之外没有其他结果。< / p>

Answer 1

无需为图像设置绝对路径，只需设置相对路径即可：

尝试一下：

<img src="../img/Spidey.jpg" alt="">

Answer 2

尝试一下。

<img src="../img/Spidey.jpg" alt="">

Answer 3

也许只是尝试从HTML文件到图片的相对路径：

<img src="../img/Spidey.jpg" alt="" />

这比绝对路径容易，并且意味着该页面即使在线也可以正常工作。

Answer 4

如先前其他用户所强调的，请尝试相对路径：

<img src="../img/Spidey.jpg" alt="">

如果这不起作用，请尝试：

<img src="http://localhost/img/Spidey.jpg" alt="">

或：

<img src="http://localhost:3000/img/Spidey.jpg" alt="">

（如果不是3000，应将其替换为运行服务器的端口号）

如果文件结构中的“ src”是index.html和其他文件所在的文件夹，则需要将其添加到图像路径。

Answer 5

您的图片标签为<img src="C:\Users\Brad\Desktop\Root Folder\img\Spidey.jpg" alt="">

但是您的结构显示，在根文件夹和img之间，您还有一个src文件夹

Root Folder
 |_ src
    |_ index.html
    |_ img

所以您应该使用 /src/img/Spidey.jpg

HTML图像不会出现在我的本地主机上。我的道路正确吗？

5 个答案: