【移动端】手机端如何让其pdf自适应屏幕显示,无需下载插件

今天在做项目的过程中,遇到一个需求。在手机端需要实现pdf的显示,点击退出按钮的时候,计算他在页面停留的时长并返回给后台。这个需求的难点在于,如何在手机端显示pdf文件。我们都知道在PC端,使用iframe嵌套,src地址为.pdf即可实现。但是手机端直接这样是不行的。在网上查找了很多资料,终于找到了一个方法 kkFileView

1、kkFileView文档

2、文件预览项目接入和测试界面


如有不懂的,可以好好阅读一下官方文档。

对于前端开发是特别友好的,不需要下载任何插件,只需要后台开发帮忙配置一个服务器地址即可。

HTML:

<iframe frameborder="0"
	@click="show = false"
	:src="'https://file.keking.cn/onlinePreview?url='+ formData.filefullpath + '&officePreviewType=pdf&watermarkTxt='+ ''"
	width='100%'
	height="100%">
</iframe>

代码中,formData.filefullpath 是 pdf路径,&officePreviewType=pdf  是指默认转为pdf格式,之后也可以添加自己的部分参数。

https://file.keking.cn/onlinePreview 是服务器地址,可以找后台开发人员看着官方文档帮忙配置一下。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值