1. 程式人生 > >JS展示預覽PDF。

JS展示預覽PDF。

wid object The view 電子 轉碼 ref 使用 order

剛好遇到需求,需要在手機端--展示一個電子收據,電子收據返回是PDF格式的,所以需要在前端上面去做PDF預覽。

在學習過程中,了解到一種很簡單,不需要任何插件的方法做PDF預覽,但是這方法有局限性.

代碼如下:

<object data="../assets/09.pdf" type="application/pdf" width="100%" height="100%">
<iframe src="../assets/09.pdf" width="100%" height="100%" style="border: none;"> This browser does not support PDFs. Please download the PDF to view it: <a href="/index.pdf">Download PDF</a> </iframe> </object> 直接在HTML,中嵌入上訴代碼,在支持PDF格式的瀏覽器中就可以直接查看了。 局限性:低版本IE,不能直接查看, 手機端這樣使用的話,也是不能直接查看的 ,UC等瀏覽器會提示你下載 或者轉碼預覽,不能嵌入在網頁中查看,微信瀏覽器就更只能下載,不能直接查看,所以想再HTML直接查看是不行,那麽我們就要使用第二種方法。 未完,待續。

JS展示預覽PDF。