欢迎登录

提取img标签的src正则表达式

:2019-11-30    :41 次   :1298 字   

前言

最近开发笔记本的时候发现了需求替换图片的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>
×