我正在 iframe 中显示本地托管的 PDF。大多数人看到页面上嵌入了 PDF,但有一些配置会提示用户下载 PDF,从而在 PDF 所在的位置留下一大片空白。
我想在这些情况下显示某种后备消息,但无法找到有关 iframe 后备的任何信息。我宁愿避免使用 javascript,但如果没有其他选项可用,我会使用它。
我的 iframe 代码是
<iframe src="PDF-link-here" width="100%" height="800px" marginheight="0" frameborder="0""></iframe>
您依靠本地计算机来了解如何处理 PDF 文件。如果您想确保 PDF 在该 iframe 中加载,您最好将 PDF 嵌入到页面中,而不是直接调用 PDF。
使用一些基本代码更改您的 iframe
src
以指向页面(一个小的 .htm
文件):
<html>
<head>
<style type="text/css">
body { margin: 0 }
</style>
</head>
<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 在线 PDF 查看器都是 HTML/Javascript。