<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<button class="btn">下载图片</button>
<img src="https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2021-3-4/hao123%20logo.png" alt="">
</div>
</body>
<script>
var imageurl = 'http://112.74.74.27:2018/default/index/get-upload-file?file=daa05646-3bcf-43b4-b99f-e264a0a56d5c.png'
function downloadImg(url, name) {
var x=new XMLHttpRequest();
var resourceUrl = url;
x.open("GET", resourceUrl, true);
x.responseType = 'blob';
x.onload=function(e){
var url = window.URL.createObjectURL(x.response)
var a = document.createElement('a');
a.href = url;
a.download = name;
a.click();
}
x.send();
}
document.querySelector('.btn').onclick=function(){
downloadImg(imageurl,'name')
}
</script>
</html>
