当我的 HTML 文件在不同的文件夹中时，如何从另一个文件夹添加图像？

Question

出于某种原因，当我在记事本中打开它时会出现该图像，但当我在 VSCode 中打开我的 HTML 文件时它不起作用。 在我的 HTML 文件的文件夹中添加图像并设置源似乎可行，但我不想这样做。 有人能帮忙吗？

Answer 1

您可以简单地将 html 标记中的路径更改为您需要的任何位置：

<img src="../OTHER_FOLDER/IMAGE_NAME.png" />

..使您可以在系统文件层次结构中向上移动一个文件夹。

Answer 2

如果您的图像位于 index.html 文件夹的上一级文件夹中，您可以使用

<img src="../image.jpg">

否则你可以使用绝对路径：

<img src="C:\Users\your_user\picture.jpg"```

Answer 3

像这样使用../和src=""

<img src="../pictures/pic.png" alt="Image 01">
<img src="../../pictures/pic.png" alt="Image 01">