Iframe后备消息

时间:2015-03-15 00:37:17

标签: html iframe fallback

我在iframe中显示本地托管的PDF。大多数人都看到页面上嵌入了PDF,但是有一些配置会提示用户下载PDF,留下一个大的空白位置。

我希望在这些情况下显示某种回退消息,但无法找到有关iframe回退的任何信息。我宁愿避免使用javascript,但如果没有其他选项可以使用它。

我的iframe代码为<iframe src="PDF-link-here" width="100%" height="800px" marginheight="0" frameborder="0""></iframe>

1 个答案:

答案 0 :(得分:0)

您依靠本地计算机知道如何处理PDF文件。 如果您想确保在iframe中加载PDF,您最好将PDF嵌入到页面中,而不是直接调用PDF。

将您的iframe src更改为指向某个页面(小.htm文件) 使用一些基本代码

<html>
<header>
<style type="text/css">
<!-- 
BODY {margin: 0} 
-->
</style>
</header>

<body>
<embed src="http://www.analysis.im/uploads/seminar/pdf-sample.pdf" width="100%" height="800px" type='application/pdf'>
</body>
</html>

您可以将嵌入更改为对象标记,以便在未加载PDF视图扩展名时包含您的后备,并且仍然包含嵌入。

如果您的PDF可公开访问,那么非常快速简便的方法是使用Google的在线PDF查看器。

<iframe src="https://docs.google.com/gview?url=http://www.yoururl.com/your.pdf&embedded=true" style="height:800px;" marginheight="0" frameborder="0"></iframe>

这样就不必担心本地PDF视图和Google在线PDF查看器都是HTML / Javascript。