【问题标题】:Embedded `PDF` file not showing嵌入式“PDF”文件未显示
【发布时间】:2015-02-18 11:29:42
【问题描述】:

我将我的测试pdf 文件放在dropbox 中并获得了公共链接:

https://dl.dropboxusercontent.com/u/6257603/pdfs/pdf01.pdf

我想将此(嵌入)显示到我的 html 页面。 (我想创建一个树状结构的多个链接来加载上传的pdf 以显示给用户)

我得到一个答案,pdf 可以嵌入到 html 文件中:

http://www.webdeveloper.com/forum/showthread.php?152923-PDF-within-a-DIV

但我看不到任何输出。这是我的尝试:

div {
    border : 1px solid red;
    height:200px;
    overflow:auto;
}
<div>
 <object data="https://dl.dropboxusercontent.com/u/6257603/pdfs/pdf01.pdf" type="application/pdf" width="300" height="200"></object>
</div>

【问题讨论】:

  • 有什么问题?你的 sn-p 对我来说很好
  • 对我来说也很好。请在你身边检查。
  • 您是否正在运行 noscript 或 adblock 或其他一些对象拦截器(例如浏览器配置)?
  • 我只是看看chrome 可能我需要用其他浏览器测试。
  • 任何一个,这是个坏问题,是否可以通过js脚本控制pdf的内容。 (例如:我可以使用 js/jquery 将内容从 pdf 复制并粘贴到另一个 div'

标签: javascript jquery html css pdf


【解决方案1】:

你应该把代码改成这样:

<div>
 <object data="https://dl.dropboxusercontent.com/u/6257603/pdfs/pdf01.pdf" type="application/pdf" width="300" height="200">
   <embed src="https://dl.dropboxusercontent.com/u/6257603/pdfs/pdf01.pdf" type="application/pdf">
 </object>
</div>

【讨论】:

    猜你喜欢
    • 2020-07-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-10-15
    • 1970-01-01
    • 2018-01-31
    • 1970-01-01
    相关资源
    最近更新 更多