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

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

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

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

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

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

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

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

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

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

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

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

如果需要設(shè)置預(yù)覽窗口的大小，通過設(shè)置樣式即可。

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

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

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

廣告

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