jquery - 呈现大型 html 文件的问题(链接错误,图像不显示)

标签 jquery html css image large-files

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

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

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

完全相同的代码让我在更大的报告中缺少图像图标。在 Firefox 中检查元素时,我收到“无法加载图像”消息。同样,所有报告都基于相同的 html 模板, Logo 和导航的代码永远不会改变,目录结构也不会改变。

另外,下面的代码是一个简单的返回主页面的链接:

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

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

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

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

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

最佳答案

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

HTML <base> Tag

关于jquery - 呈现大型 html 文件的问题(链接错误,图像不显示),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28777831/

相关文章:

javascript - Chrome 扩展无法选择 DOM 元素

javascript - 防止在 jQuery 中执行排队的事件

javascript - 根据其他事件更改事件操作

jquery:立即停止发生的一切

javascript - scrollTop 替代与 tbody 一起使用?

css - 使用 CSS 更改 SVG Viewbox 大小

css - 元素符号不会在 Firefox 中消失

html - css 中的媒体查询不起作用

javascript - 单选按钮显示和隐藏 div 的下一个/上一个按钮

javascript - 如何在不使用固定大小的情况下创建两列(一列有两行,另一列有一列)?