JS测试
存在JQuery
var imgsrc = new Array;
$("li[class=blocks-gallery-item] img").each(function() { imgsrc.push($(this).attr("src")); });
也可以试试引入JQuery
获取页面所有img标签
var images = document.getElementsByTagName("img");
循环并打印所有标签
var imgsrcs = new Array;
for(var i=0;i<images.length;i++){
if(images[i].src!==""||images[i].src!==undefined){
imgsrcs[i] = images[i].src
}
}
console.log(imgsrcs);
保存图片
function downloadIamge(imgsrc) {
var image = new Image();
// 解决跨域 Canvas 污染问题
image.setAttribute('crossOrigin', 'anonymous');
image.onload = function () {
var canvas = document.createElement('canvas');
canvas.width = image.width;
canvas.height = image.height;
var context = canvas.getContext('2d');
context.drawImage(image, 0, 0, image.width, image.height);
var url = canvas.toDataURL('image/png');
var a = document.createElement('a');
// 创建单击事件
var event = new MouseEvent('click');
a.download = imgsrc;
a.href = url;
// 触发单击事件
a.dispatchEvent(event);
}
image.src = imgsrc;
}
for(var a = 0 ;a<imgsrcs.length;a++){ downloadIamge(imgsrcs[a]); }