這篇文章將為大家詳細講解有關實現在線預覽PDF的方法有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創新互聯專業為企業提供合山網站建設、合山做網站、合山網站設計、合山網站制作等企業網站建設、網頁設計與制作、合山企業網站模板建站服務，10余年合山做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

因客戶需要實現PDF的預覽處理，在網上找了一些PDF在線預覽的解決方案，有的用PDFJS的在線預覽方式，有的使用PDFObject的嵌入式顯示，有的通過轉換JPG/PNG方式實現間接顯示的方式，開始是想通過簡單的方式，能夠使用JS插件實現預覽最好，可是在線預覽總是有一些不足，如不同瀏覽器的兼容問題，甚至不同的手機平臺中展示的效果也不一樣，不過最好還是采用了間接的方式，把PDF轉換為圖片展示效果，達到客戶的要求。

1、在線實現預覽的方式

一開始我還是很傾向使用這種方式，希望能采用一個較為好的JS插件的方式，實現PDF的在線預覽（通過Web預覽），因此在Github上找到排名比較高的PDF插件

一看排名還是很高的，那么采用它應該不錯，查看自帶的PDF文件，效果還是杠杠的。

不過客戶的要求是顯示正常的發票PDF文件，換一下文件地址，有部分信息顯示不了，找了一下沒有看到解決方法，所以效果不達標。

連基本的發票也顯示不了，那我這個就不能用它來顯示發票PDF文件了。

最后，測試了使用PDFObject（https://pdfobject.com/ ）的方式實現在線嵌入PDF顯示的方式，這個JS插件也是不錯的，同樣可以在GitHub上可以找到。

它的使用也是很簡單的，如下代碼所示。

<script src="/js/pdfobject.js"></script>

<script>PDFObject.embed("/pdf/sample-3pp.pdf", "#example1");</script>

如果需要設置預覽窗口的大小，通過設置樣式即可。

<style>
.pdfobject-container { height: 500px;}
.pdfobject { border: 1px solid #666; }
</style>

當前題目：實現在線預覽PDF的方法有哪些-創新互聯
文章網址：http://m.2m8n56k.cn/article0/dshioo.html

成都網站建設公司_創新互聯，為您提供外貿建站、自適應網站、建站公司、網站制作、網站設計公司、網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯