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