html字符串中怎么匹配所有img的src？

<script type="text/javascript">
//思路分两步：.
//1，匹配出图片img标签（即匹配出所有图片），过滤其他不需要的字符
//2.从匹配出来的结果（img标签中）循环匹配出图片地址（即src属性）
let allStr = $('#tab1').html();   //html字符串
//匹配图片（g表示匹配所有结果i表示区分大小写）

var imgReg = /<img.*?(?:>|\/>)/gi;

//匹配src属性
var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
var arr = allStr.match(imgReg);

console.log('arr------->', arr);
let imgSrc = [];
if(arr) {
    for (var i = 0; i < arr.length; i++) {
     imgSrc = arr[i].match(srcReg);
    }

}else {
    imgSrc = [ '<img src="./images/news160812/1.jpg" width="100%" text-align:"center"=""/>', "./images/news161222/3.png"]
}                 
</script>