移动端嵌入式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系统等),暂未解决,如有解决方案,可留言共同探讨

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值