分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JS展示预览PDF。

发布时间:2023-09-06 02: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直接查看是不行,那么我们就要使用第二种方法。
未完,待续。
 
 
 

JS展示预览PDF。

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved