JS展現預覽PDF。

恰好遇到需求,須要在手機端--展現一個電子收據,電子收據返回是PDF格式的,因此須要在前端上面去作PDF預覽。前端

在學習過程當中,瞭解到一種很簡單,不須要任何插件的方法作PDF預覽,可是這方法有侷限性.瀏覽器

代碼以下:app

<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,不能直接查看,  手機端這樣使用的話,iOS能夠直接預覽PDF,可是安卓手機回提示下載,不能直接預覽。
 
那麼咱們就要使用第二種方法。
 
引入PDF.js文件進行展現, 遇到一個很不錯的寫pdf.js如何使用的文章,我 就不寫了 ,直接附上地址吧
https://blog.csdn.net/li_cheng_liang/article/details/75332938
相關文章
相關標籤/搜索