恰好遇到需求,须要在手机端--展现一个电子收据,电子收据返回是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