HTML：无法在子文件夹的子文件夹中显示图像文件（棘手）答案

【问题标题】：HTML: Can not display image file in subfolder of subfolder (tricky)HTML：无法在子文件夹的子文件夹中显示图像文件（棘手）
【发布时间】：2019-12-10 03:13:16
【问题描述】：

我在我的 html 文件中添加了一个图像，但是使用这种方式

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

网页只显示“缺失图片”图片。

如果我将图像移动到其父子文件夹，那么一切正常：

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

注意事项：

文件夹结构为：

web/
    myfile.html
    img/
        logo/

有什么解决办法吗？谢谢！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案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"/>

【讨论】：