1. 程式人生 > 實用技巧 >web pdf 預覽的幾個方案

web pdf 預覽的幾個方案

部分內容來自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