一、PDF簡介
pdf.js可以實現在html下直接瀏覽pdf文檔,是一款開源的pdf文檔讀取解析插件。
下載地址:https://github.com/mozilla/pdf.js
二、使用場景
最近拿到的任務是實現在網站前端對pdf文件的預覽,一開始用的pdfObject.js ,但是後來公司要求兼容safari瀏覽器,但pdfobject.js在火狐和safari下面要下載才能再看,兼容性不是太好,所以後來決定換pdf.js插件 ,在谷歌、火狐、safari都可以瀏覽
pdfObject.js 和pdf.js的區別 :https://www.cnblogs.com/iPing9/p/7153713.html
三、開發環境
sublime、node.js 、Git
四,使用pdf。js
(一)下載文件(從下載地址解壓出來是這樣子的)
但是缺少了一個必備的build文件,其中包含pdf.js和pdf.worker.js (搞得我搞了好長時間,結果沒成功) 可以到本人的網盤中去下載 下面附上鍊接和密碼
鏈接:https://pan.baidu.com/s/1kVUzUNP 密碼:p1ix
下載之後放在與web同一目錄下
根據pdf.js的官網步驟進行安裝依賴的包和啓動 就可以在頁面上看到加載的pdf
(二)、一個頁面 局部加載pdf 我使用的是 iframe 標籤
1)首先我把pdf.js 當做一個整體的插件iframe進另一個頁面局部
文件目錄是這樣放的
在個人中心頁面,需要加載的地方就可以使用iframe來加載了
因爲我們只做前端頁面,後面接口聯調是後臺人員來做,後天那塊就不太熟悉了,所以就分享心得到這裏
另外推薦下對我使用pdf.js 有很大幫助的博客
這個涉及了後臺的知識
http://blog.csdn.net/m0_38021128/article/details/70868407
這個分享了幾種方式加載的 也講解了一些文件中js的作用和修改pdf.js的路徑在哪
http://blog.csdn.net/li_cheng_liang/article/details/75332938#comments
還有最後一個