文章/答案/技术大牛

发布

社区首页 >问答首页 >Iframe后备信息

问Iframe后备信息
EN

Stack Overflow用户

提问于 2015-03-15 00:37:17

回答 1查看 3.1K关注 0票数 2

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

在这些情况下，我想显示某种回退信息，但未能找到任何关于iframe的回退信息。我倾向于避免javascript，但如果没有其他选项，我会使用它。

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

html

iframe

fallback

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-15 07:08:00

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

将iframe更改为使用一些基本代码指向页面(小.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>

您可以将embed更改为object标记，以便在未加载PDF视图扩展时包含回退，并且仍然包括embed。

如果您的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查看器都是HTML/Javascript。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29055950

复制

相似问题

问Iframe后备信息
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Iframe后备信息EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Iframe后备信息
EN