首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 ><embed>与<object>

<embed>与<object>
EN

Stack Overflow用户
提问于 2009-08-07 13:47:22
回答 4查看 225.1K关注 0票数 183

当我想要显示Adobe PDF查看器时,在HTML文件中使用哪个标签是正确的/最佳的?

现在我正在使用下面的代码,但有一些奇怪的副作用(例如,它似乎偷走了我设置到另一个<input>文本框的起始焦点;它似乎不能很好地处理jQueryUI Resizeable类;等等)。

代码语言:javascript
复制
<embed src="abc.pdf" type="application/pdf" />

我甚至可以对<object>标记做同样的事情吗?与使用另一个标签相比,使用一个标签有没有优点/缺点?

EN

回答 4

Stack Overflow用户

发布于 2010-02-04 09:28:02

其他一些选项:

代码语言:javascript
复制
<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>
票数 6
EN

Stack Overflow用户

发布于 2014-07-25 01:18:33

您也可以使用iframe方法,尽管这不是跨浏览器兼容的(例如,不能在chromium或安卓系统中工作,可能还有其他系统,->会提示下载)。它适用于dataURLS和普通URLS,不确定其他示例是否适用于dataURLS(请让我知道其他示例是否适用于dataURL?)

代码语言:javascript
复制
 <iframe class="page-icon preview-pane" frameborder="0" height="352" width="396" src="data:application/pdf;base64, ..DATAURLHERE!... "></iframe>
票数 4
EN

Stack Overflow用户

发布于 2015-12-18 18:45:07

也许在网页上显示pdf的最好的跨浏览器解决方案是使用Mozilla PDF.js项目代码,它可以作为node.js服务运行,使用方法如下

代码语言:javascript
复制
<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的教程

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1244788

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档