呈现大型 html 文件时出现问题(链接错误,图像未显示)

Problems rendering large html files (links are wrong, images not displaying)

我创建了一个脚本,该脚本采用 xml 输入并创建基于 html 的报告以便于查看。所有报告都基于相同的 html 模板。有些报告较小 (50KB),有些较大 (7MB)。我有一个问题,即较大的页面无法呈现图像并且 links 指向错误的位置。奇怪的是,如果我删除大数据块(只是一系列 div),一切都会变得很好。此外,如果报告一开始就较小,则一切都很好。

例如,对于一个小报告,以下代码可以正确呈现 img:

<a href="http://www.company.com"><img id="logo" src="../images/logo.png" alt="logo" /></a>

相同的代码在较大的报告中给我一个丢失的图像图标。在 Firefox 中检查元素时,我收到 "Could not load the image" 消息。同样,所有报告都基于相同的 html 模板,徽标和导航的代码永远不会改变,目录结构也不会改变。

另外,下面的代码是简单的link到return到主页:

<nav id="nav">
    <a href="../index.html">Dashboard</a>
</nav>

link 在较小的页面中正常工作,但在较大的页面中它会尝试重定向到 file:///user/index.html(错误).

我试过将大文件移动到另一个目录,尝试将它移动到父目录并重做 links,但没有任何帮助。首次加载页面时,它会显示替代文本,然后是损坏的图像图标。

这发生在 Chrome、Firefox 和 IE11 中。图像在 Safari 中正确显示。唯一似乎有影响的是文件的大小。

任何想法都将不胜感激,因为我的 Google-fu 已经花光了。

您是否有可能在某个时候将 渲染到生成的 html 文件中,因为这可能会完全搞砸并改变所有外部资源请求?

HTML <base> Tag