【總結(jié)】- 文件(pdf,ppt,doc等)加載解決方案

簡介

最近項目需要在線瀏覽PDF文檔葵蒂,即不是像微信交播,QQ那樣點擊了下載下來,然后跳轉(zhuǎn)到其它應用打開践付。
肯定最快想到的方案就是用瀏覽器打開秦士,但是發(fā)現(xiàn),在IOS上面是可以正常打開的永高,可能是IOS本身就支持隧土,在Android手機上卻不行提针,百度一番,得到的結(jié)果是Android自帶的WebView不支持曹傀。那么接下來就是尋找解決之法了辐脖,PDF的加載解決方案之旅就開始了。

PDF加載開源庫

PDF-load

地址外鏈

這個解決方案是什么意思呢皆愉?有點抽象嗜价,看一下這個庫就知道了。pdf.js
文檔中提到使用方法:

Modern browsers:https://mozilla.github.io/pdf.js/web/viewer.html
Older browsers:https://mozilla.github.io/pdf.js/es5/web/viewer.html

比如用Older browsers這個外鏈地址:https://mozilla.github.io/pdf.js/es5/web/viewer.html?file=pdf地址,然后用瀏覽器加載乙漓。
如果不清楚哗讥,可以安裝這么些,如果你是個想知道答案的人,可以問一下做web的朋友。

經(jīng)嘗試這種的確可以加載PDF文件,而且很省事歹苦。但是同時也存在很多問題。

  • PDF加載不出來
    經(jīng)嘗試:
    使用https://mozilla.github.io/pdf.js/web/viewer.html作為外鏈地址疚沐,基本上手機加載不出來暂氯。
    使用https://mozilla.github.io/pdf.js/es5/web/viewer.html可以加載。

  • 外鏈地址不能訪問
    用了幾個Android8.0及一下的手機測試了一波亮蛔,都可以加載痴施,正以為解決了問題時,測試說究流,我這邊怎么加載不出來辣吃,我說,我這邊完全沒有問題啊芬探。

    經(jīng)調(diào)試神得,發(fā)現(xiàn)Android10手機,上面的外鏈地址都不能訪問偷仿。Android9沒有試哩簿。試著努力解決,無果酝静,放棄节榜。

  • 性能問題
    首先這個地址可以訪問,但是訪問速度呢别智,不敢說宗苍;加上用WebView加載PDF文件本來就存在性能問題,所以即便能加載,其實也不是很好的方案讳窟。

使用PDF.js

這個需要使用到上面說的開源庫让歼,你說外鏈訪問不行,那把庫集成到自己服務器或者集成到Android工程中丽啡,也可以下載到手機里谋右,加載本地文件或者網(wǎng)絡文件,不就可以了补箍,這個方法的確可以解決倚评,但是當時沒時間弄,我也就隨便找了一個解決方案馏予,后面會說。這個方案可以用于手機加載網(wǎng)頁使用盔性。

  • 遇到的問題
    用手機或者瀏覽器加載時報錯:


    截屏2020-10-31 下午11.29.55.png
截屏2020-10-31 下午11.42.37.png

在viewer.js為了安全霞丧,對域名進行了判斷:


截屏2020-10-31 下午11.30.53.png

所以可以把這個函數(shù)(validateFileURL(file))的調(diào)用注釋掉。

接下來就可以加載pdf
比如:file:///path/viewer.html?file=path/guanxin_paitent_test.pdf

使用AndroidPDF

這個庫支持加載網(wǎng)絡PDF文件冕香,集成后apk大概增加1M多蛹尝,但是效果嘛,不太好悉尾。

使用AndroidPdfViewer

這個庫也是基于 PdfiumAndroid開始的突那,算是效果最好的庫了。但是apk提交增加也很明顯构眯,配置ndk支持某種平臺后愕难,apk大概增加3.5M多。但是AndroidPdfViewer不能直接加載網(wǎng)絡PDF文件惫霸,也不提供進度提示 猫缭。所以自己封裝了一個用于加載網(wǎng)絡PDF文檔,支持使用默認壹店,自定義進度條的庫猜丹。PDF-load。具體實現(xiàn)查看開源庫中的LibPdf模塊硅卢。
使用:

<com.pds.pdf.core.ExtPDFView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/pdfView"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
  private void displayFromUrl(String url) {
      pdfFileName = FileUtils.getFileNameByUrl(url);
      pdfView.fromUrl(url)
              .defaultPage(pageNumber)
              .onPageChange(this)
              .enableAnnotationRendering(true)
              .onLoad(this)
              .scrollHandle(new DefaultScrollHandle(this))
              .spacing(10)
              .onPageError(this);
      pdfView.enableCache(true)
              .useDefaultProgressView().go();

效果如下:


截屏2020-10-25 下午4.26.04.png
  • 直接加載Asset射窒,本地文件,參考AndroidPdfViewer

  • 使用默認進度條

    LibPdf支持進度顯示将塑,LibPdf提供了默認的進度View脉顿,即在頂部顯示類似加載網(wǎng)頁一樣的進度條,調(diào)用useDefaultProgressView方法即可抬旺。

    添加自定義進度View弊予,支持3哥方向,分別是加在PDF視圖的頂部开财,底部和疊在PDF視圖的上面汉柒,等PDF加載完成隱藏误褪。

  • 自定義進度條

    LibPdf支持自定義進度條,調(diào)用addCustomProgress方法加入自己的進度View碾褂。

使用 騰訊X5瀏覽器

使用騰訊X5引擎加載PDF兽间,doc等文件。如果項目中使用了騰訊X5引擎正塌,那么可以直接使用pdf-x5庫瀏覽PDF嘀略,apk體積基本沒有什么增加,如果項目中沒有 使用X5引擎乓诽,要用pdf-x5加載PDF帜羊,那么需要先集成X5引擎,開源庫中的web庫提供的簡單的X5集成鸠天。

該庫一共支持幾十中文件加載讼育,只需要傳入不同文件地址就可以了,下面是我測試的效果:

使用tbs加載:

截屏2020-10-26 下午6.53.32.png
  • pptx加載效果
截屏2020-10-26 下午6.54.40.png

使用QbSdk加載:

QbSdk加載支持的文件格式更多稠集,具體參考騰訊X5官網(wǎng)

截屏2020-10-26 下午6.56.21.png

調(diào)用之后奶段,優(yōu)先調(diào)起 QQ 瀏覽器打開文件。如果沒有安裝 QQ 瀏覽器剥纷,在 X5 內(nèi)核下調(diào)起簡版 QB 打開文件痹籍。如果使用的系統(tǒng)內(nèi)核,則調(diào)起文件閱讀器彈框晦鞋。

使用方法請參考PDF-load

SVG

大概思路就是把PDF文件轉(zhuǎn)成SVG蹲缠,但是SVG需要大量的計算量,而且我目前是通過其它網(wǎng)站進行的PDF轉(zhuǎn)SVG

PDF轉(zhuǎn)其它格式文件

比如轉(zhuǎn)圖片等悠垛,這個自己研究吼砂。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市鼎文,隨后出現(xiàn)的幾起案子渔肩,更是在濱河造成了極大的恐慌,老刑警劉巖拇惋,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件周偎,死亡現(xiàn)場離奇詭異,居然都是意外死亡撑帖,警方通過查閱死者的電腦和手機蓉坎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來胡嘿,“玉大人蛉艾,你說我怎么就攤上這事。” “怎么了勿侯?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵拓瞪,是天一觀的道長。 經(jīng)常有香客問我助琐,道長祭埂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任兵钮,我火速辦了婚禮蛆橡,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘掘譬。我一直安慰自己泰演,他們只是感情好,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布葱轩。 她就那樣靜靜地躺著粥血,像睡著了一般。 火紅的嫁衣襯著肌膚如雪酿箭。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天趾娃,我揣著相機與錄音缭嫡,去河邊找鬼。 笑死抬闷,一個胖子當著我的面吹牛妇蛀,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播笤成,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼评架,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了炕泳?” 一聲冷哼從身側(cè)響起纵诞,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎培遵,沒想到半個月后浙芙,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡籽腕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年嗡呼,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片皇耗。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡南窗,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情万伤,我是刑警寧澤窒悔,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站壕翩,受9級特大地震影響蛉迹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜放妈,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一北救、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧芜抒,春花似錦珍策、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至拐迁,卻和暖如春蹭劈,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背线召。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工铺韧, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缓淹。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓哈打,卻偏偏與公主長得像,于是被迫代替她去往敵國和親讯壶。 傳聞我的和親對象是個殘疾皇子料仗,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348