jquery 同源下载图片到本地

jquery 下载网络地址图片到本地

同源下用a标签加download属性可以下载图片

//html代码
<img class="showImg" src="/img/a.jpg" />
<img class="showImg" src="/img/b.jpg" />
<button onClick="downLoad()">下载</button>

//js代码
function downLoad(){
		//得到图片
		let imgList = $('.showImg');
		//创建a元素
		let dom = document.createElement("a");
		//循环下载
		imgList.each(function(index,value){
			let imgSrc = $(value).attr("src");
			if(imgSrc != ""){
				dom.setAttribute("href", imgSrc);
				//download必加，不加会直接打开图片
				dom.setAttribute("download","img"+index);//参数为文件名
				let clickEvent = new MouseEvent("click"); // 创建一个单击事件
				dom.dispatchEvent(clickEvent);//触发事件
			}	   
		})
	 	
	}