HTML：无法在子文件夹的子文件夹中显示图像文件（tricky）

Question

我在html文件中添加了图片，但是这样

<img src="/img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

该网页仅显示“图片丢失”图片。

如果将图像移到其父子文件夹，则一切正常：

<img src="/img/logo_500x150.png" class="logo" alt="Logo 500x150"/>

笔记：

1. 文件夹结构为：

    web/ myfile.html img/ logo/ 

2. 通过两种方式，当我在编辑器中并按住Ctrl键并单击链接时，它们都在显示图像

有什么办法吗？ 谢谢！

Answer 1

图像位于当前文件夹上一层的文件夹中。 尝试img src =” ../ img / logo /

Answer 2

如果web是公共目录，例如www.somedomain.com/web

您可以使用

<img src="/web/img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>

要么

<img src="img/logo/logo_500x150.png" class="logo" alt="Logo 500x150"/>