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]);
}
原文地址:https://www.cnblogs.com/xuanjiange/p/14596124.html