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
45
46
47
48
49
50
51
52window.downloadImage = function (url) {
console.log(url);
var timeout = Math.random() * 5000;
// return;
setTimeout(function () {
var xhr = new XMLHttpRequest();
xhr.open("get", url, 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对象
}
}
xhr.send()
}, timeout);
}
window.getImage =function(){
var imageBox = document.getElementsByClassName("img-box");
var message = "确认下载该cv的图片?"
if (confirm(message) === true) {
for (var i = 0; imageBox.length; i++) {
var html = imageBox[i].innerHTML;
// console.log(html);
var pattern = /src=[\'\"]?([^\'\"]*)[\'\"]/i
var srcs = pattern.exec(html)
console.log(srcs[0]);
var imgSrc = "https:" + srcs[0].split("=")[1].replace(/\"/g, "").split("@")[0].trim();
window.downloadImage(imgSrc);
}
}
}
function insertButton(){
var button = document.createElement("button");
button.setAttribute("value","下载图片");
button.setAttribute("onclick","getImage()");
button.style.backgroundColor="#66C6E7";
button.style.height="40px";
button.style.color="white";
button.innerText = "下载该cv的图片"
document.getElementsByClassName("fixed-box")[0].append(button);
}
(function() {
insertButton();
})();