pdf预览 PDF 文件在线预览(pdf.js 使用教程)

由于项目开发，PDF文件需要在线显示。PDF.js是专门用来解决PDF文件的电子签名和电子签名显示不完全，部分浏览器打开浏览器后兼容的问题。

Pdf.js框架是HTML5，不需要任何本地支持，只要浏览器支持HTML5就有极好的兼容性；

当时，解决这个问题花了很长时间，但并没有想象中的那么困难和简单。我在此记录这个博客，供大家参考！

git地址:https://github.com/mozilla/pdf.js

有相关的基础介绍，源码获取和构建

以自己下载包为例

项目生成后，将出现以下两个静态文件夹:

构建目录是PDF.js的核心文件，web目录是pdf.js的配置和显示文件。

viewer.js用来显示PDF文件的跳转页，viewer.js是其对应的配置文件。在viewer.js:

静态替换PDF文件路径此时，您可以通过访问相应的viewer.html路径来查看和操作当前

静态PDF文件的路径

有些小伙伴会说这根本不能满足目前的项目需求。其PDF文件将是静态的。是的，我认为这意味着每个人都在思考。那我就简单的给大家介绍一下如何分配动态生成的PDF文件地址~

首先，需要注意的是，有两种方法可以将我们的PDF文件带入viewer.html进行显示

将指定的PDF文件放在web文件夹下，并通过指定静态文件的介绍来介绍它

将PDF文件放在服务上，并在服务地址阅读

下面重点介绍通过接口返回地址以获取地址，并直接显示代码，而不用说太多废话:

这与控制台错误警告非常相似。验证后，他将阻止他的完美下一个

今天就到这里。希望对你有帮助！！！

SegmentFault认为社区应该与文章作者有更多的互动和交流。