剛好遇到需求,需要在手機端--展示一個電子收據,電子收據返回是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,不能直接查看,? 手機端這樣使用的話,iOS可以直接預覽PDF,但是安卓手機回提示下載,不能直接預覽。
那么我們就要使用第二種方法。
引入PDF.js文件進行展示, 遇到一個很不錯的寫pdf.js如何使用的文章,我 就不寫了 ,直接附上地址吧
https://blog.csdn.net/li_cheng_liang/article/details/75332938