web pdf 預覽的幾個方案
阿新 • • 發佈:2020-12-09
部分內容來自medium,發現別人整理的,主要是記錄下
使用embed 標籤
不太推薦,因為瀏覽器相容的問題
- 使用方法
<embed src="<path for pdf>" type="application/pdf" ></embed>
a 標籤連結
使用連結的讓瀏覽器自己處理
- 參考
<a href="<path for pdf>" >pdf docs</a>
使用三方預覽服務
通過iframe,次方法在國內有點不太好事(私有化,隱私,費用問題)
使用pdf.js 庫
pdf.js 提供了pdf 解析,處理,同時包含了一個預覽服務,當然有坑(預設對於非同源的有寫問題,需要修改程式碼支援)
我已經修改了一個不錯的版本,同時基於docker執行,可以直接使用,推薦的檔案存放方式是使用s3,然後通過url 整合
使用
參考資料
https://medium.com/javascript-in-plain-english/what-is-the-best-way-to-display-a-pdf-in-a-web-app-cb20dca3adbb
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/embed
https://www.cnblogs.com/rongfengliang/p/13693067.html
https://github.com/rongfengliang/openresty-pdf-view
https://www.cnblogs.com/rongfengliang/p/13913100.html