JS展示预览PDF。
刚好遇到需求,需要在手机端--展示一个电子收据,电子收据返回是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
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步