javascript自动下载图片及event事件模似

最新推荐文章于 2022-11-26 12:32:27 发布

cdcdhj

最新推荐文章于 2022-11-26 12:32:27 发布

阅读量100

点赞数

分类专栏： javascript学习日记文章标签： javascript

本文链接：https://blog.csdn.net/cdcdhj/article/details/117446433

版权

javascript学习日记专栏收录该内容

127 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script language="javascript">
			var userAgent=navigator.userAgent;  //获取浏览器版本
			console.log(userAgent.indexOf("MSIE"));
			var img=document.createElement("img");  //创建图片元素
			img.src="../img/2.jpg";  //设置属性
			img.style.display="block";
			document.body.appendChild(img);  //添加到body元素节点内
			if(userAgent.indexOf("MSIE")>-1){  //判断是否为IE浏览器
				var Opop=window.open(img.src,"","width=1,height=1,top=5000,left=5000");  //打个这个图片
				for(;Opop.document.readyState!="complete";){   //文档准备情况是否完成，如果没有完成继续
					if(Opop.document.readyState=="complete")break;  //如果完成后返回
				}
				Opop.document.execCommand("SaveAs");  //接着下载图片保存,用的exexCommand富文本命令SaveAs保存
				Opop.close();
			}else{
				var evt=document.createEvent("MouseEvents");   //创建模似鼠标
				evt.initMouseEvent("click",false,false);   //添加initMouseEvent方法,方法里面添加触发事件种类
				var a=document.createElement("a");   //创建连接元素a
				a.download="test.jpg";   //添加属性，更换名字
				a.href=img.src;   //添加连接
				a.dispatchEvent(evt);   //添加触发事件的方法dispatchEvent
			}
		</script>
	</body>
</html>

cdcdhj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
javascript自动下载图片及event事件模似

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script language="javascript"> var userAgent=navigator.userAgent; //获取浏览器版本 console.log(userAgent.inde
复制链接

扫一扫