1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45function getUrl(){
// console.log("geturl");
var bgurl = document.getElementById("bgImgProgLoad").getAttribute("data-ultra-definition-src");
var bgDivUrl = document.getElementById("bgDiv").style.backgroundImage;
if(bgDivUrl != undefined || bgDivUrl != ""){
bgurl = bgDivUrl.replace("url(\"","").replace("\")","");
}
return bgurl;
}
(function() {
'use strict';
// add download btn
var downloadButton = document.createElement("button");
downloadButton.style.borderRadius="6px";
downloadButton.style.zIndex="99";
downloadButton.style.borderWidth="thin";
downloadButton.style.height = "55px";
downloadButton.style.marginLeft="20px";
downloadButton.innerText = "下载图片";
downloadButton.addEventListener("click",function(){
var bgurl = getUrl();
var xhr = new XMLHttpRequest();
xhr.open("get",bgurl,true);
xhr.responseType = "blob";
xhr.onload = function(){
if (this.status == 200) {
var blob = this.response;
var downloadElement = document.createElement('a');
var href = window.URL.createObjectURL(blob); //创建下载的链接
downloadElement.href = href;
downloadElement.download = name; //下载后文件名
document.body.appendChild(downloadElement);
downloadElement.click(); //点击下载
document.body.removeChild(downloadElement); //下载完成移除元素
window.URL.revokeObjectURL(href); //释放掉blob对象
}else{
alert("下载失败");
}
}
xhr.send();
});
var sbox = document.getElementById("sbox");
sbox.appendChild(downloadButton);
// Your code here...
})();
效果
