码迷,mamicode.com
首页 > Web开发 > 详细

JS展示预览PDF。

时间:2018-07-10 00:36:49      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:down   版本   代码   方法   idt   border   dex   下载   iframe   

刚好遇到需求,需要在手机端--展示一个电子收据,电子收据返回是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直接查看是不行,那么我们就要使用第二种方法。
未完,待续。
 
 
 

JS展示预览PDF。

标签:down   版本   代码   方法   idt   border   dex   下载   iframe   

原文地址:https://www.cnblogs.com/leolovexx/p/9286706.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!