移动端嵌入式pdf展示

一:写法

在原本的html中加入如下iframe代码，src引入的是pdf.js插件中的viewer.html，其中引入的css、js等路径需要根据实际项目路径自行修改，file_path是pdf的路径，可能需要编码

<iframe src="../pdf/web/viewer.html?url={{file_path}}"
width="100%" height="100%" scrolling="yes" frameborder="0"></iframe>

pdf.js代码下载

二:优缺点

1,目前仅支持pdf展示,doc等其他格式暂未支持

2,支持跨域，不需要考虑http、https与服务本身的前缀是否相同，皆可展示

3,不依赖于服务端是否可访问pdf文件所在的外网

4,安卓无需手动点击下载pdf，可直接展示。展示可翻页

5,IOS部分机型上无法兼容(phone6 ios9系统等)，暂未解决，如有解决方案，可留言共同探讨

移动端嵌入式pdf展示相关推荐

移动端实现PDF文件阅读的方法
2019独角兽企业重金招聘Python工程师标准>>> 前言: 我们知道,Android系统本身不具备打开PDF文件的能力,因此在Android 要实现 PDF 阅读功能需要借助于第 ...
Android中显示PDF的问题解决(安卓端使用pdf.js CDN模式)
前言:昨天接到一个需求,需要在Android端展示一个PDF文件,IOS那边很方便,只需要使用WebView即可,而安卓就不行,也查阅了部分资料,接下来我将解决问题的过程和最终采用的方案记录下来. 评 ...
vue使用pdf.js实现移动端在线PDF文件预览
背景产品需求涉及到动态的PDF展示,PDF是由后端去生成的,然后下发给前端在线的cdn地址,H5需要实现在线PDF预览的能力方案 H5展示合同PDF,有很多实现方式.但是通过尝试后发现在不同操作系 ...
移动端和PC端的pdf预览与下载
34.移动端和PC端的pdf的预览与下载 1.预览需求:在手机端实现pdf的文件与下载,主要是zlb_app中实现过程:在研究了vue-pdf.pdfjs.pdfh5之后,选择了vue-pdf-s ...
OPPO消息推送服务器,OPPO推送平台服务端API.PDF
OPPO推送平台服务端API.PDF OPPO推送平台服务端API 修订记录: 版本号修订人修订日期修订描述 V0.1 宫建涛 2017-03-28 初始版本 V0.2 宫建涛 2017-07- ...
bim 模型web页面展示_一种基于BIM模型的Web端轻量化展示方法与流程
本发明涉及基坑结构模型技术领域,尤其涉及一种基于bim模型的web端轻量化展示方法. 背景技术: 建筑信息模型(buildinginformationmodeling,bim)技术在土木工程领域快速推 ...
前端vue项目(使用pdf.js) pdf展示及pdf工具栏放大缩小功能实现
前端vue项目(使用pdf.js) pdf展示及pdf工具栏放大缩小功能实现 1.vue项目pdf展示 2.pdf工具栏放大缩小功能文章目录前端vue项目(使用pdf.js) pdf展示及pdf工 ...
用pdfjs 在 node服务端将pdf转为图片
原文链接: 用pdfjs 在 node服务端将pdf转为图片上一篇: puppeteer pdf 转图片 [不建议使用] 下一篇: 用dom-to-image 截取B站弹幕 [做了一半] 需要使用c ...
js实现pdf展示及电子签章
pdfSignature 介绍 js处理pdf展示.分页和电子签章等功能.功能如下图所示: 软件架构使用pdf.js展示pdf,使用fabric.js处理签章的拖动 pdf.js fabric.js ...

移动端嵌入式pdf展示

移动端嵌入式pdf展示相关推荐

最新文章

热门文章