假如你做了一份 PDF 格式的简历,你为了方便他人浏览,想把它上传到网上。大部分做法是将 PDF 上传到某服务网站的对象存储,得到一个 URL,然后他人可以通过这个 URL 可以看到你的 PDF. 但麻烦的是这个 URL 无法在网页中预览,浏览器会通过这个 URL 直接下载文件到本地。为了可以打开链接就直观、舒服地看到 PDF 内容,找到了 PDF.js,其为 HTML5 实现的,无需任何本地支持,对主流的浏览器基本支持。

1. 安装

# 安装 node.js, Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境
# 其他平台安装:https://www.runoob.com/nodejs/nodejs-install-setup.html
$ sudo apt-get install nodejs
$ sudo apt-get install npm
$ node -v
v10.8.0

# 安装 gulp,gulp 是基于 node.js 的一个前端自动化构建工具
# gulp 可以构建自动化工作流程(前端集成开发环境)
$ sudo npm install -g gulp-cli
$ gulp -v
CLI version: 2.2.0
Local version: Unknown

# 下载 pdf.js 源码
$ git clone git://github.com/mozilla/pdf.js.git
$ cd pdf.js
# 安装 pdf.js 依赖包
$ sudo npm install

# 启动本地 web 服务,因为有的浏览器不允许用 file:// 协议打开 pdf 文件
$ sudo gulp server

打开 http://localhost:8888/web/viewer.html 可查看。

2. 构建

# sudo gulp generic

此步操作将会在 build/generic/build 目录下面产生 pdf.js 和 pdf.worker.js 两个文件。

修改中… 修改中… 修改中…

参考资料

PDF.JS on Github