提取img標籤的src正則表達式

前言

最近開發筆記本的時候發現了需求替換圖片的url，所有就集合了一下需求函數，主要是運用正則表達式提取src和img，也包含替換字符串的功能

原文鏈接

代碼

<script>
        var str = "this is test string <img src=\"http:baidu.com/test.jpg\" width='50' > 1 and the end <img src=\"所有地址也能匹配.jpg\" /> 33! <img src=\"/uploads/attached/image/20120426/20120426225658_92565.png\" alt=\"\" />"
        function imgRegSrc(oldStr, replace = '[***]') {
            //提取img標籤正則
            var imgReg = /<img.*?(?:>|\/>)/gi;
            //提取src正則
            var srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i;
            var newStr = oldStr.slice();
            //獲取img標籤數組
            var imgArr = newStr.match(imgReg);
            var srcArr = [];
            for (let i = 0; i < imgArr.length; i++) {
                srcArr[i] = imgArr[i].match(srcReg);
                newStr = newStr.replace(srcArr[i][1], replace);
            }
            //imgArr是img標籤集合，srcArr是圖片src集合，newStr是替換後的新字符串
            // return { imgArr: imgArr, srcArr: srcArr, oldStr: oldStr, newStr: newStr, replace: replace };
            return { imgArr, srcArr, oldStr, newStr, replace };
        }
        console.log(imgRegSrc(str, '[這是圖片]'))
</script>