实现在线预览PDF的方法有哪些-创新互联

这篇文章将为大家详细讲解有关实现在线预览PDF的方法有哪些，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联专业为企业提供合山网站建设、合山做网站、合山网站设计、合山网站制作等企业网站建设、网页设计与制作、合山企业网站模板建站服务，10余年合山做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

因客户需要实现PDF的预览处理，在网上找了一些PDF在线预览的解决方案，有的用PDFJS的在线预览方式，有的使用PDFObject的嵌入式显示，有的通过转换JPG/PNG方式实现间接显示的方式，开始是想通过简单的方式，能够使用JS插件实现预览最好，可是在线预览总是有一些不足，如不同浏览器的兼容问题，甚至不同的手机平台中展示的效果也不一样，不过最好还是采用了间接的方式，把PDF转换为图片展示效果，达到客户的要求。

1、在线实现预览的方式

一开始我还是很倾向使用这种方式，希望能采用一个较为好的JS插件的方式，实现PDF的在线预览（通过Web预览），因此在Github上找到排名比较高的PDF插件

一看排名还是很高的，那么采用它应该不错，查看自带的PDF文件，效果还是杠杠的。

不过客户的要求是显示正常的发票PDF文件，换一下文件地址，有部分信息显示不了，找了一下没有看到解决方法，所以效果不达标。

连基本的发票也显示不了，那我这个就不能用它来显示发票PDF文件了。

最后，测试了使用PDFObject（https://pdfobject.com/ ）的方式实现在线嵌入PDF显示的方式，这个JS插件也是不错的，同样可以在GitHub上可以找到。

它的使用也是很简单的，如下代码所示。

<script src="/js/pdfobject.js"></script>

<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>

如果需要设置预览窗口的大小，通过设置样式即可。

<style>
.pdfobject-container { height: 500px;}
.pdfobject { border: 1px solid #666; }
</style>

当前题目：实现在线预览PDF的方法有哪些-创新互联
文章网址：https://www.cdcxhl.com/article0/dshioo.html

成都网站建设公司_创新互联，为您提供外贸建站、自适应网站、建站公司、网站制作、网站设计公司、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联