實現(xiàn)在線預覽PDF的方法有哪些-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供合山網(wǎng)站建設、合山做網(wǎng)站、合山網(wǎng)站設計、合山網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、合山企業(yè)網(wǎng)站模板建站服務，10余年合山做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。

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

1、在線實現(xiàn)預覽的方式

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

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

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

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

最后，測試了使用PDFObject（https://pdfobject.com/ ）的方式實現(xiàn)在線嵌入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>

當前題目：實現(xiàn)在線預覽PDF的方法有哪些-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://muchs.cn/article0/dshioo.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、自適應網(wǎng)站、建站公司、網(wǎng)站制作、網(wǎng)站設計公司、網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)