相对图像路径不起作用（HTML）答案

【问题标题】：Relative image path not working(HTML)相对图像路径不起作用（HTML）
【发布时间】：2017-11-15 20:50:08
【问题描述】：

我似乎无法使用相对路径让我的图片显示在我的网页上。在上传到网页之前，我使用程序“括号”来完成我的所有编辑。下面是我正在使用的相对路径，当我将鼠标悬停在图像缩略图显示的路径上时。但它仍然不会显示在页面上......我错过了什么吗？谢谢，麻烦您了。

<img id="01" class ="tn leftcol" width = "150" height = "150" 
src=".//Images/IMG_3604.JPG" alt="1" />

【问题讨论】：

把src=".//Images/IMG_3604.JPG" alt="1" /> 改成src="./Images/IMG_3604.JPG" alt="1" /> 看看能不能用
为什么不只是src="Images/IMG_3604.JPG"，没有领先的东西？
如果你有这样的文件夹结构：.Project -> index.html, .Images 你只需要做“Images/image.jpg”

标签： html

【解决方案1】：

有两个斜线。这可以解释为协议。将src 更改为Images/IMG_3604.JPG

如果这是通过变量填充的，请检查源文本或环境

【讨论】：

【解决方案2】：

有两个正斜杠。它应该是 ./Images/xxxxx.png 而不是 .//

【讨论】：

【解决方案3】：

如果你必须离开一个目录，使用 ../ 如果图像文件夹在你当前没有使用的文件夹中。

Src="Images/IMG_3604.JPG"

您的 html 文件位于同一目录中。

Src="../Images/IMG_3604.JPG"

Html 文件位于子目录中，您需要离开该文件夹才能获取图像。

Src="../../Images/IMG_3604.JPG"

Html 位于子目录的子目录中，您需要跳出这两个目录才能进入 Images 文件夹。

希望这会有所帮助。

【讨论】：