項目中時常會遇到在線預覽PDF文件的需求，網上一找也能找到很多，但被使用率高的並不多，經過多次實驗發現被應該最多的還屬pdfjs插件。
首先介紹下：Pdf.js插件是由Mozilla 主導推出的
作用：在線預覽PDF文件。
使用方法：肯定是去官方網站下載文件代碼包了
第一步:上官網下載：/https://mozilla.github.io/pdf.js/getting_started/#download
可以通過碼雲倉庫下載：https://gitee.com/hyser/pdf-js.git
第二步：代碼實際操作
1、把文件pdfjs扔項目中
2、pdfJs的目錄結構（如圖1）：
build是一些核心文件，web中的viewer.html就是需要使用到的母版文件。
1、將整個文件夾放入自己的工程文件里，因為在使用的過程中要跳轉至母版文件，所以要注意文件的放置位置要方便使用。避免出現問題，這里建議放在與public同級目錄static下。
2、代碼：為了更清晰，這里把實現中所有代碼都貼上來了
1) 在某個路由里做個demo代碼貼進來就行，當然要放template里哈，用iframe引入，pdfSrc為pdf線上地址變量
用着的變量
Pdf地址放iframe上
高度樣式自行調整
可以看到左側是縮略圖，右側菜單還有各項功能，移動端還可以啟用手形工具，我的截圖里把部分功能隱藏了
一般情況下，pdf在線閱讀都不希望被下載或打印，因此需要將右上角那幾個按鈕隱藏。
可以修改viewer.js文件，搜索 webViewerInitialized() 部分（大概2242行），在 appConfig 下面插入下面的代碼即可：
再次運行viewer.html，發現右上角的打開、下載、打印等按鈕都不見了。