如何访问层次结构顶部的文件？答案

【问题标题】：How to access files that are at the top of the hierarchy?如何访问层次结构顶部的文件？
【发布时间】：2016-02-03 21:04:45
【问题描述】：

我是 HTML 新手，我有一个关于访问带有图片的文件的问题。我知道，要访问其他文件夹中的图片，代码如下所示，我的 HTML 文件就在图片文件之前：

<img src="pictures/mountain.jpg" alt="mountain"/>

我的问题是：如何访问放置在我的 HTML 文件之外的文件中的图片？如何链接图片但向后通过包含这些文件的文件？

【问题讨论】：

标签： html

【解决方案1】：

你的意思是上一个文件夹吗？

<img src="../pictures/mountain.jpg" alt="mountain"/>

另外，如果你想上一个额外的文件夹，你可以这样做：

<img src="../../pictures/mountain.jpg" alt="mountain"/>

【讨论】：

【解决方案2】：

您要在 html 文件中引用的文件（图像或其他 html 文件或 JavaScript 文件）必须位于服务器的根目录中。所以如果你的服务器的根目录是 c:\users\httpserver 并且你想链接到 c:\users\kristy\pictures\mountain.jpg 中的一个图像，答案是不可能的，你需要复制文件到 c:\users\httpserver 中的目录，然后相对链接，如 ketchupisred 所示，或绝对链接。

即如果 html 文件位于 c:\users\httpserver\html 并且图片是 c:\users\httpserver\pictures\mountain.jpg，则可以

<img src="/pictures/mountain.jpg" alt="mountain"/>

注意起始 / 指的是服务器的根目录或

<img src="../pictures/mountain.jpg" alt="mountain"/>

.. 在进入图片文件夹之前带您升一级

【讨论】：

【解决方案3】：

由于已经解释了上一两个文件夹，我只是补充一点，如果你想访问根目录中的文件，你可以这样做：

<img src="/pictures/mountain.jpg" alt="mountain"/>

【讨论】：