当我想要显示Adobe PDF查看器时,在HTML文件中使用哪个标签是正确的/最佳的?
现在我正在使用下面的代码,但有一些奇怪的副作用(例如,它似乎偷走了我设置到另一个<input>
文本框的起始焦点;它似乎不能很好地处理jQueryUI Resizeable类;等等)。
<embed src="abc.pdf" type="application/pdf" />
我甚至可以对<object>
标记做同样的事情吗?与使用另一个标签相比,使用一个标签有没有优点/缺点?
发布于 2010-02-04 09:28:02
其他一些选项:
<object type="application/pdf" data="filename.pdf" width="100%" height="100%">
</object>
<object type="application/pdf" data="#request.localhost#_includes/filename.pdf"
width="100%" height="100%">
<param name="src" value="#request.localhost#_includes/filename.pdf">
</object>
发布于 2014-07-25 01:18:33
您也可以使用iframe方法,尽管这不是跨浏览器兼容的(例如,不能在chromium或安卓系统中工作,可能还有其他系统,->会提示下载)。它适用于dataURLS和普通URLS,不确定其他示例是否适用于dataURLS(请让我知道其他示例是否适用于dataURL?)
<iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>
发布于 2015-12-18 18:45:07
也许在网页上显示pdf的最好的跨浏览器解决方案是使用Mozilla PDF.js项目代码,它可以作为node.js服务运行,使用方法如下
<iframe style="width:100%;height:500px" src="http://www.mysite.co.uk/libs/pdfjs/web/viewer.html?file="http://www.mysite.co.uk/mypdf.pdf"></iframe>
在此ejectamenta blog article中可以找到有关如何使用pdf.js的教程
https://stackoverflow.com/questions/1244788
复制相似问题