如何实现网站在线预览PDF文件的功能？

本文共计1219个文字，预计阅读时间需要5分钟。

因客户需要实现PDF的预览处理，网上找到了以下几种在线预览解决方案：

1. 使用PDFJS在线预览

2.使用PDFObject嵌入式显示

3.通过转换JPG/PNG实现间接预览

开始。

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

1、在线实现预览的方式

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

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

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

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

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

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