在网页浏览器中显示PDF

如何在.html页面的Web浏览器中显示PDF?

我使用Google文档可embedded的PDF查看器。 文档不必上传到Google文档,但必须在线提供。

<iframe src="http://docs.google.com/gview?url=http://path.com/to/your/pdf.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe> 

而不是使用iframe,并根据third party ,考虑使用flexpaper或pdf.js。

我用pdf.js ,对我来说工作正常。

这里是演示: http : //mozilla.github.com/pdf.js/web/viewer.html

最简单的方法是创build一个iframe并将源设置为PDF的URL。

(小丑疯狂的HTMLdevise者)自己做了,工作正常,跨浏览器(爬入掩体)。

优先使用对象标签

 <object data='http://website.com/nameoffolder/documentname.pdf#toolbar=1' type='application/pdf' width='100%' height='700px'> 

请注意,您可以将宽度和高度更改为任何值,请访问http://www.w3schools.com/tags/tag_object.asp

浏览器的插件控制这些设置,所以你不能强制它。 但是,您可以执行简单的<a href="whatver.pdf">而不是<a href="whatever.pdf" target="_blank">

您也可以通过第三方解决scheme(如PDFObject)embeddedJavaScript。

只要您托pipePDF,目标属性就是要走的路。 换句话说,对于相关文件,使用带有_blank值的target属性就可以。

 <e> <a target="_blank" alt="StackExchange Handbook" title="StackExchange Handbook" href="pdfs/StackExchange_Handbook.pdf">StackExchange Handbook</a> 

对于绝对path,引擎将到达指定的R源Lator并将其打开。 所以,压制目标属性。

 <e> <a alt="StackExchange Handbook" title="StackExchange Handbook" href="protocol://url/StackExchange_Handbook.pdf">StackExchange Handbook</a> 

在这两种情况下,浏览器都会做得很好。

你可以使用这个代码:

 <embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html"> 

或者使用Google文档可embedded的PDF查看器:

 <iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe> 

你也可以有这个简单的GoogleDoc方法。

 <a style="color: green;" href="http://docs.google.com/gview?url=http://domain//docs/<?php echo $row['docname'] ;?>" target="_blank">View</a> 

这将创build一个新页面,让您查看文档而不会扭曲您的stream量。

简单的解决scheme是把它放在一个iframe中,并希望用户有一个支持它的插件。

(我不这样认为,Acrobat插件已经成为一种资源浪费和不稳定性的来源,所以我将它从任何触摸的浏览器中删除)。

这个复杂但相对stream行的解决scheme是将其显示在闪存小程序中。

我们使用JPedal (一个Java库)将PDF文件页面呈现为服务器上的PNG文件。 结合一些javascript,可以让我们更好地控制可视化和导航。

显示以PDF / DOC / DOCX文件格式保存的内容是在您的网页上显示pdf / doc / docx文件的理想select

你有没有尝试过使用简单的img标签?

 <img scr="https://www.typomania.co.uk/pdfs/lipsum.pdf">