我创建了一个脚本,该脚本接受xml输入并创建基于html的报告以方便查看。所有报告均基于相同的html模板。有些报告较小(50KB),有些则较大(7MB)。我有一个较大的页面无法呈现图像和指向错误位置的链接的问题。奇怪的是,如果我删除了大数据块(只是一系列的div),一切都会变得很好。另外,如果报告较小,那么情况会很好。
例如,对于一个小报告,以下代码可正确呈现img:
<a href="http://www.company.com"><img id="logo" src="../images/logo.png" alt="logo" /></a>
在精确的相同的代码为我提供了一个更大的报表中缺少图像图标。在Firefox中检查元素时,出现“无法加载图像”消息。同样,所有报告均基于相同的html模板,徽标和nav的代码永远不会更改,目录结构也不会更改。
此外,以下代码是返回首页的简单链接:
<nav id="nav">
<a href="../index.html">Dashboard</a>
</nav>
该链接在较小的页面中可以正常工作,但是在较大的页面中,它会尝试重定向到file:///user/index.html(错误)。
我尝试将大文件移到另一个目录,尝试将其移到父目录并重做链接,但没有任何帮助。第一次加载页面时,它会显示替代文本,然后显示残破的图像图标。
这种情况发生在Chrome,Firefox和IE11中。该图像在Safari中可以正确显示。似乎有影响的唯一因素是文件的大小。
我的所有Google-fu都花光了,任何想法都将不胜感激。
您是否有可能在某个时候将<base href =“”>渲染到生成的html文件中,因为这可能完全使您烦恼并更改所有外部资源请求?
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句