這篇文章將為大家詳細(xì)講解有關(guān)實(shí)現(xiàn)在線預(yù)覽PDF的方法有哪些,小編覺(jué)得挺實(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)頁(yè)設(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的嵌入式顯示,有的通過(guò)轉(zhuǎn)換JPG/PNG方式實(shí)現(xiàn)間接顯示的方式,開(kāi)始是想通過(guò)簡(jiǎn)單的方式,能夠使用JS插件實(shí)現(xiàn)預(yù)覽最好,可是在線預(yù)覽總是有一些不足,如不同瀏覽器的兼容問(wèn)題,甚至不同的手機(jī)平臺(tái)中展示的效果也不一樣,不過(guò)最好還是采用了間接的方式,把PDF轉(zhuǎn)換為圖片展示效果,達(dá)到客戶的要求。
1、在線實(shí)現(xiàn)預(yù)覽的方式
一開(kāi)始我還是很傾向使用這種方式,希望能采用一個(gè)較為好的JS插件的方式,實(shí)現(xiàn)PDF的在線預(yù)覽(通過(guò)Web預(yù)覽),因此在Github上找到排名比較高的PDF插件
一看排名還是很高的,那么采用它應(yīng)該不錯(cuò),查看自帶的PDF文件,效果還是杠杠的。
不過(guò)客戶的要求是顯示正常的發(fā)票PDF文件,換一下文件地址,有部分信息顯示不了,找了一下沒(méi)有看到解決方法,所以效果不達(dá)標(biāo)。
連基本的發(fā)票也顯示不了,那我這個(gè)就不能用它來(lái)顯示發(fā)票PDF文件了。
最后,測(cè)試了使用PDFObject(https://pdfobject.com/ )的方式實(shí)現(xiàn)在線嵌入PDF顯示的方式,這個(gè)JS插件也是不錯(cuò)的,同樣可以在GitHub上可以找到。
它的使用也是很簡(jiǎn)單的,如下代碼所示。
如果需要設(shè)置預(yù)覽窗口的大小,通過(guò)設(shè)置樣式即可。