首先访问pdfjs 官网 PDF.js
点击download
我这里面下载的就是稳定版本的2.9.359版本。下载完成之后是个zip压缩包的方式解压之后如下图
build目录放的是pdf.js 和pdf.work.js 是pdfjs解析pdf文件的核心
web目录放的是谷歌写的使用 pdf.js的demo网页
这里面如果我们直接打开web底下的viewer.html文件会出现如下图:
这是因为我们如果直接打开的话使用的是本地的file协议而官网并没有为file协议构建如下图:
这里面的大概意思就是并没有为file协议构建。因此我们需要部署起来,部署的方案很多这里面我选择nginx。首先安装nginx 安装完成之后nginx 会存在以下目录:
其中www目录就是网页html放的位置,我们将pdfjs解压的完整复制过去
这个时候启动nginx 一般nginx都是80 端口 我这边是8080端口
我们在浏览器地址访问 http://localhost:8080/web/viewer.html 如果是80端口8080改为80或者去掉:8080 都可以
这个时候我们发现已经能正常访问了。
好的今天就到这。基础交流群 799827663