[移动开发] 微信下载文件

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 移动开发 -> 微信下载文件 -> 正文阅读

[移动开发]微信下载文件

<!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>