安卓手机实现无需下载即可预览pdf文件

本文介绍了如何使用PDF.js在网页中预览PDF文件,通过修改和部署示例代码,实现无需下载即可在安卓手机上预览。首先从PDF.js官网下载实例,然后对HTML文件进行修改,特别是getQueryVariable方法。部署完成后,通过URL加载PDF文件,简化后的demo可用于项目集成。邮件提供精简版demo下载链接。
摘要由CSDN通过智能技术生成

1、从pdf.js官网中下载实例,里面可以把相关的文件放在oss或者web服务上,但是要修改demo中的html文件(Mac打不开该实例的html文件,打开是个空白,window可以,原因未知,不影响使用)

2、修改的部分如下图所示

getQueryVariable方法如下


			function getQueryVariable(variable)
			{
				var query = window.location.search.substring(1);
				var vars = query.split("&");
				for (var i=0;i<vars.length;i++) {
						var pair = vars[i].split("=");
						if(pair[0] == variable){return pair[1];}
				}
				return(false);
			}

3、将修改好的文件部署完之后,我们可以拿到一个URL,file的值就是pdf文件的地址,在用安卓手机打开的时候就不需要下载即可预览

譬如

4、在项目中直接使用

注:下载下来的demo精简一下,保留需要的js和css,index.html即可,若需要,可以直接把邮箱发给我,我把精简后的demo发给你

https://download.csdn.net/download/metooyoume/16679540

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值