利用js脚本代码可以很轻松的获取整个网页中所有图片的地址，下面举出了几个相关的示例代码，可以做个参考！

例1：js使用正则表达式获取所有图片地址的代码

var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim; 
var arr = []; 
var s = document.documentElement.innerHTML; //这里可以指向某个元素
while (tem = reg.exec(s)) { 
    arr.push(tem[2]); 
} 
console.log(arr);

注意：如果图片地址使用的为相对路径，那么获取的图片地址也是相对路径的，如果想获取的图片地址为路径，可以参考下面的方法。

例2：

var reg = /<img.+?src=('|")?([^'"]+)('|")?(?:\s+|>)/gim; 
var arr = []; 
var s = document.documentElement.innerHTML; 
var host = window.location.protocol + '//' +window.location.host + '/';
while (tem = reg.exec(s)) { 
    if(tem[2].indexOf("http") != -1 ){
        arr.push(tem[2]); 
    }else{
        arr.push(host + tem[2]); 
    }
} 
console.log(arr);

注意：有的网址中的图片地址并没有加上HTTP或HTTPS的协议头，上面的图片路径的相对判断并不完美。

例3：使用JQ插件获取所有图片地址的方法

示例代码：

$('body img').each(function(){
    console.log($(this).attr("src"));
});