从同一文件夹中的 2 个文件到同一图像的 img 标签中的相对路径不同答案

【问题标题】：Relative path in img tag to the same image from 2 files in the same folder is different从同一文件夹中的 2 个文件到同一图像的 img 标签中的相对路径不同
【发布时间】：2019-06-07 23:47:50
【问题描述】：

我在同一个文件夹中有 2 个 cfm 页面，做的事情非常相似。他们都为用户相关数据生成一些报告。我最近向其中添加了加载图像，因为生成报告的某些查询可能需要一段时间。

第二页是一个新的但非常相似的页面。由于页面位于同一个文件夹中，我认为加载图像的相对路径应该相同。但是，新页面对图像请求给出了 404 响应，当我检查 http 请求标头时，它会在相对路径中添加一个额外的文件夹，因此无法找到图像。

<img src="../../../Graphics/General/loading.gif">

它们都是非常相似的页面，因为它们显示一个简单的表单，然后运行一些查询并生成一个表格以向用户显示相关数据。然而，上面的相对路径在一个页面中生成“Dev/Menu/Graphics/General/loading.gif”，在另一页中生成“Dev/Graphics/General/loading.gif”。

我后来发现在新文件的图像路径中添加一个额外的“../”已经为新页面修复了它，但是我不知道为什么这个修复是必要的以及它为什么有效.

<img src="../../../../Graphics/General/loading.gif">

我希望由于两个页面都在同一个文件夹中，给定图像的相对路径将完全相同。我主要只是好奇为什么不是这样。

【问题讨论】：

你在用 iframe 做些什么吗？还是页面有不同的基本标签路径？您是否有看起来像目录但不是的链接？ index.cfm/myreport 之类的东西？
有一个导航栏和一个用于导航的侧边菜单，并且各个页面被加载到 iframe 中。至于你的其他问题，我不这么认为，但我还是 CF 的新手，可能是错的。

标签： html image coldfusion loading relative-path

【解决方案1】：

这两个报告在同一个文件夹中。您是直接加载这些页面吗？

 yourSite.com/reports/report1.cfm
 yourSite.com/reports/report2.cfm

或者这些文件是通过其他父页面加载的？

 yourSite.com/some/other/folder/with/include_report1.cfm
 yourSite.com/yet/another/folder/that/contains/include_report2.cfm

通常，最好直接从 Web 根目录加载图像，以避免此类相对路径问题。如果Graphics 文件夹位于根目录，则只需在两个文件中引用图像，如下所示：

<img src="/Graphics/General/loading.gif">

这样，无论什么文件包含它们并将最终的 HTML 呈现给浏览器都无关紧要，无论如何都会从 web 根目录引用图像。

【讨论】：