一、官网下载 pdf.js

  1. 进入官网下载 pdf.js
  2. 可以选择稳定版下载
  3. 下载至本地
  4. 解压缩
  5. 创建pdf.js文件夹 并将刚解压的文件放入其中

二、将 pdf.js 文件夹放到Web项目服务器根目录下

登录服务器后，将 pdf.js 文件夹 拷贝 到Web项目服务器的根目录下。

三、使用 pdf.js 显示 pdf 文件

  1. 打开浏览器
  2. 输入访问地址：https://10.10.10.10/pdf.js/web/viewer.html，（请修改10.10.10.10为您服务器的IP地址）如果可以看到已显示默认PDF文件的内容，则说明pdf.js已部署成功
    点击查看示例
  3. 在地址栏中输入地址：http://10.10.10.10/pdf.js/web/viewer.html?file=你的pdf地址

如果可以显示 pdf内容，那么pdf.js已经安装和部署成功了

四、在项目中使用

1
<iframe src="http://10.10.10.10/pdf.js/web/viewer.html?file=PDF地址" width="100%" height="100%"></iframe>

五、查看示例

请点击在线查看PDF学习资料

相关链接：为Hexo增加PDF阅读功能的多种方案

参考链接：https://cloud.tencent.com/developer/article/2106100