Iframe 后备消息

问题描述 投票：0回答：1

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

我想在这些情况下显示某种后备消息，但无法找到有关 iframe 后备的任何信息。我宁愿避免使用 javascript，但如果没有其他选项可用，我会使用它。

我的 iframe 代码是 

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

html iframe fallback
1个回答
1
投票

您依靠本地计算机来了解如何处理 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。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.