微信下载文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<title>下载文件</title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<style>
	</style>
</head>
<body>
	<div id="container" style="display: none">
		<div style='position:relative;padding-top:100px;color:#333;font-size: 22px;text-align: center;'>
			<i style='position: absolute;top: 10px;right: 10px;font-size: 100px' class='iconfont icon-jiantou'></i>
			<p style="font-weight: 600;">请点击屏幕右上角 [ ··· ] </p>
			<p id="confirm">选择在浏览器打开</p>
		</div>
	</div>

	<script>
		function get_UrlQueryString(name) {
			var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
			var r = window.location.search.substr(1).match(reg);
			if (r != null) {
				return unescape(r[2]);
			}
			return null;
		}

		var browser = {
			versions: function () {
				var u = navigator.userAgent, app = navigator.appVersion;
				
				return {//移动终端浏览器版本信息
					trident: u.indexOf('Trident') > -1, //IE内核
					presto: u.indexOf('Presto') > -1, //opera内核
					webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
					gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
					mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端
					ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
					android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
					iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
					iPad: u.indexOf('iPad') > -1, //是否iPad
					webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
					wx: u.indexOf("MicroMessenger") > 0 //是否是微信
				};
			}(),
			language: (navigator.browserLanguage || navigator.language).toLowerCase()
		}, con = document.getElementById("container");
		if (browser.versions.wx) {
			con.style.cssText = "display:block";
			if (IsIOS()) {
				document.getElementById('confirm').innerHTML='选择复制链接后到浏览器打开'
			}
		} else if (browser.versions.android) {
			download();
		} else if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {
			download();
		} else {
			download();
		}

		function download() {
			//TODO 此处写ios的下载地址
			var a = document.createElement("a"); // 创建一个a标签 
			a.href = ""; // a标签的src属性赋值   下载地址
			a.target = "_blank";
			a.download = ""; // a标签的download属性赋值   文件名
			document.body.appendChild(a); // 添加a标签到body下 
			a.click(); // 触发a标签点击事件 
			document.body.removeChild(a); //  完成后删除a标签
		}

		function IsIOS() {
			var u = navigator.userAgent;
			var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
			var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
			if (isAndroid) {
				return false;
			}
			if (isiOS) {
				return true;
			}
			return false
		}

		
	</script>
</body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值