JS展示预览PDF。

Posted 2020-12-03 小前端学习

刚好遇到需求，需要在手机端--展示一个电子收据，电子收据返回是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，不能直接查看，  手机端这样使用的话，也是不能直接查看的 ，UC等浏览器会提示你下载 或者转码预览，不能嵌入在网页中查看，微信浏览器就更只能下载，不能直接查看，所以想再HTML直接查看是不行，那么我们就要使用第二种方法。

未完，待续。