通过jquery模拟请求下载保存当前页面的图片到本地

最新推荐文章于 2024-07-25 09:26:47 发布

码奴生来只知道前进~

最新推荐文章于 2024-07-25 09:26:47 发布

阅读量3.5k

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/tanqingfu1/article/details/101773747

版权

jQuery 专栏收录该内容

52 篇文章 3 订阅

订阅专栏

下载demo 可以直接运行查看

<!--HTML的标准文档结构	-->
<html>
	<head>
	<meta charset="utf-8">
	<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
	</head>
	<body>
	
	<div id="saveimg">
	<img src="1.jpg">
	<img src="2.png">
	</div>
	<button onclick="downloadIamge()">保存图片</button>
	<script type="text/javascript">
	function downloadIamge() {
		$("#saveimg").find("img").each(function(index,item){
			// 通过选择器获取img元素  图片地址，
		    var url =$(this).attr("src");
		    // 将图片的src属性作为URL地址
		    var a = document.createElement('a');
		    var event = new MouseEvent('click');
		    
		    a.download = index; //下载图片名称  test
		    a.href = url;
		    //执行下载
		    a.dispatchEvent(event);
		});  
	}
	</script>
	</body>
</html>