在网络浏览器内显示PDF文件

14 浏览
0 Comments

在网络浏览器内显示PDF文件

如何在 .html 页面上的 web 浏览器中显示一个 pdf 文件？

0

3 答案

0 Comments

问题：如何在网页上显示PDF文件？

原因：如果浏览器没有PDF阅读器，无法使用标签来显示PDF文件。

解决方法：使用标签，并提供其他选项，让访问者可以通过Google Drive、OneDrive等方式查看页面。

代码示例：

<object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1'
        type='application/pdf'
        width='100%'
        height='700px'>
<p>It appears your Web browser is not configured to display PDF files.  No worries, just <a href='http://www.example.com/path.pdf'>click</a> here to download the PDF file.</a> or <a href="https://drive.google.com/[drive path]/view?usp=sharing"> click here to view</a></p>
</object>

0
0 Comments

问题：如何在网页浏览器中显示PDF文件？

原因：使用iframe显示PDF文件时，依赖第三方服务，但是这些链接已经失效。需要寻找其他解决方法。

解决方法：考虑使用FlexPaper或PDF.js来代替iframe显示PDF文件。

代码示例（使用PDF.js）：

PDF.js是一个可行的解决方案，我用它来显示PDF文件，效果很好。你可以在这里查看演示。

这样就可以在网页浏览器中显示PDF文件了。PDF.js是一个第三方代码库，而不是一个第三方服务。在VPN环境下，使用这种方法可以更好地解决显示PDF文件的问题。

0
0 Comments

问题的原因：使用Google Docs嵌入式PDF查看器时，有些用户无法看到PDF文件，而是被要求先登录Google账号。

解决方法：尝试更改iframe的src为直接链接PDF文件的URL，即使用

<iframe src="http://path.com/to/your/pdf.pdf" 
style="width:600px; height:500px;" frameborder="0"></iframe>

。

此解决方法的优势是直接链接PDF文件，不需要通过Google Docs进行转换和显示。但需要注意的是，Google Docs对非Google文档文件有带宽限制，超过限制后无法显示PDF文件。

对于用户想要在没有网络连接的情况下查看PDF文件的情况，这种解决方法并不适用。

0