在HTML中嵌入PDF的推荐方法是什么?
- 的iFrame?
- 目的?
- 嵌入?
Adobe对此有何看法?
就我而言,PDF是即时生成的,因此在刷新之前无法将其上传到第三方解决方案。
在HTML中嵌入PDF的推荐方法是什么?
Adobe对此有何看法?
就我而言,PDF是即时生成的,因此在刷新之前无法将其上传到第三方解决方案。
可能最好的方法是使用 PDF.JS 图书馆。这是纯粹的 HTML5/JavaScript的 没有任何第三方插件的PDF文档渲染器。
在线演示: http://mozilla.github.com/pdf.js/web/viewer.html
GitHub的: https://github.com/mozilla/pdf.js
这是快速,简单的,不需要任何第三方脚本:
<embed src="http://example.com/the.pdf" width="500" height="375" type='application/pdf'>
更新(1/2018):
Android上的Chrome浏览器不再支持PDF嵌入。您可以使用Google云端硬盘PDF查看器解决此问题
<embed src="https://drive.google.com/viewerng/viewer?embedded=true&url=http://example.com/the.pdf" width="500" height="375">
您也可以使用Google PDF查看器来实现此目的。据我所知,这不是官方的谷歌功能(我错了吗?),但它对我非常好,顺利。您需要在之前的某个地方上传PDF并使用其URL:
<iframe src="http://docs.google.com/gview?url=http://example.com/mypdf.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"></iframe>
重要的是它不需要Flash播放器,而是使用JavaScript。
通过在查询字符串中传递一些选项,您可以控制PDF在浏览器中的显示方式。我很高兴这个工作,直到我意识到它在IE8中不起作用。 :(
它适用于Chrome 9和Firefox 3.6,但在IE8中,它会显示消息“如果无法显示PDF,请在此处插入错误消息”。
不过,我还没有测试过任何上述浏览器的旧版本。但是这里是我所拥有的代码,以防它帮助任何人。这将缩放设置为85%,删除滚动条,工具栏和导航窗格。如果我确实遇到过在IE中运行的东西,我会更新我的帖子。
<div id="pdf">
<object width="400" height="500" type="application/pdf" data="/my_pdf.pdf?#zoom=85&scrollbar=0&toolbar=0&navpanes=0" id="pdf_content">
<p>Insert your error message here, if the PDF cannot be displayed.</p>
</object>
</div>
使用两者 <object>
和 <embed>
将为您提供更广泛的浏览器兼容性。
<object data="http://yoursite.com/the.pdf" type="application/pdf" width="750px" height="750px">
<embed src="http://yoursite.com/the.pdf" type="application/pdf">
<p>This browser does not support PDFs. Please download the PDF to view it: <a href="http://yoursite.com/the.pdf">Download PDF</a>.</p>
</embed>
</object>
通过ImageMagick将其转换为PNG,并显示PNG(快速和脏)。
<?php
$dir = '/absolute/path/to/my/directory/';
$name = 'myPDF.pdf';
exec("/bin/convert $dir$name $dir$name.png");
print '<img src="$dir$name.png" />';
?>
如果您需要快速解决方案,希望避免跨浏览器PDF查看问题,以及PDF只是一两页,这是一个不错的选择。当然,您需要在Web服务器上安装ImageMagick(这反过来需要Ghostscript),这是在共享托管环境中可能无法使用的选项。还有一个PHP插件(称为imagick)可以工作 喜欢这个 但它有自己的特殊要求。
查看此代码 - 将PDF嵌入HTML中
<!-- Embed PDF File -->
<object data="YourFile.pdf" type="application/x-pdf" title="SamplePdf" width="500" height="720">
<a href="YourFile.pdf">shree</a>
</object>
FDView 联合收割机 PDF2SWF (它本身就是基于 xpdf的) 与 SWF 查看器,以便您可以在服务器上即时转换和嵌入PDF文档。
xpdf不是一个完美的PDF转换器。如果你需要更好的结果 Ghostview工具 有一些能力将PDF文档转换为其他格式,您可以更轻松地为其构建Flash查看器。
但对于简单的PDF文档,FDView应该可以很好地工作。
Scribd不再要求您在其服务器上托管您的文档。如果您使用这些帐户创建帐户,则会获得发布商ID。只需几行JavaScript代码即可加载存储在您自己的服务器上的PDF文件。
有关详细信息,请参阅 开发者工具。
创建一个容器来保存PDF
<div id="example1"></div>
告诉PDFObject嵌入哪些PDF以及嵌入它的位置
<script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>
您可以选择使用CSS指定视觉样式,包括尺寸,边框,边距等。
<style>
.pdfobject-container { height: 500px;}
.pdfobject { border: 1px solid #666; }
</style>