js之 实现下载图片保存到本地

 参考
https://blog.csdn.net/weixin_44104809/article/details/104964261
https://blog.csdn.net/wangchaoqi1985/article/details/107725687

方法

downloadImage(){
 	// 将链接地址字符内容转变成blob地址, 解决图片下载直接打开问题
 	// url 为图片地址
 	const url="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
	fetch(url).then(async res => await res.blob()).then((blob) => {
	  // 创建隐藏的可下载链接
	  const a = document.createElement('a');
	  a.style.display = 'none';
	  a.href = URL.createObjectURL(blob);
	  // 保存下来的文件名
	  a.download = 'image.png';
	  document.body.appendChild(a);
	  a.click();
	  // 移除元素
	  document.body.removeChild(a);
	})  
}