恰好遇到需求,須要在手機端--展現一個電子收據,電子收據返回是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