PDF.js的使用

一、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

還有最後一個

http://blog.csdn.net/zsr_251/article/details/50127117

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章