在网页浏览器中显示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">