手機端預覽pdf

環境:

  • pdfjs-2.4.456
  • 華爲nova2s
  • 時間:2020-05-09

問題來源:
系統中需要提供pdf預覽的功能,在pc端可以使用瀏覽器直接打開,但在手機端瀏覽器不能直接打開、微信也不能直接打開!!!

pdf.js:
官網地址:https://mozilla.github.io/pdf.js/
github地址:https://github.com/mozilla/pdf.js
使用這個腳本可以在PC端和手機端打開pdf,這裏只用在手機端即可。

使用步驟:

  • 第一步:下載pdfjs包
    在這裏插入圖片描述
  • 第二步:解壓後將它放在web服務器上,瀏覽器直接打開即可在這裏插入圖片描述
  • 第三步:瀏覽器打開看效果
    在這裏插入圖片描述
    預覽同一網站的其他pdf:
    將pdf文件放到同一個網站下,瀏覽器打開看效果:
    在這裏插入圖片描述
    預覽其他網站的pdf:
    這是個跨域問題,直接修改view.js:
    在這裏插入圖片描述
    然後,瀏覽器查看如下:
    在這裏插入圖片描述

最後,手機端測試:
注:微信、qq瀏覽器、uc瀏覽器都可以向pc端那樣打開
在這裏插入圖片描述

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