学习使用js实现下载图片到本地电脑的教程

html代码

<a href="qipa250.jpg" download="imgxia"> <img src="qipa250.jpg" alt=""> </a>
<img id="xia2" src="qipa250.jpg" alt="">
<button class="downloadBtn" type="button" onclick="downloadImg()">下载图片</button>

js核心代码

function downloadImg(){
var img = document.getElementById('xia2'); 
var url = img.src; 
var a = document.createElement('a'); 
var event = new MouseEvent('click');
a.download = 'qipa250';
a.href = url;
a.dispatchEvent(event) 
}