var reContent= content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,function(match,reSrc){
//reSrc,返回每个匹配的字符串
var newImg='<img src="http://127.0.0.1:8080'+reSrc+'" alt="" style="width:100%;" />';
return newImg;
});
比如下面的案例:
<script>
var content =
'<p>1111<img src="//exp-new.bdstatic.com/static/exp-pc/common-jquery/widget/search-box/img/logo_6115f97.png" alt="百度经验" /><img src="//exp-new.bdstatic.com/static/exp-pc/common-jquery/widget/search-box/img/logo_6115f97.png" alt="百度经验" /><img src="//exp-new.bdstatic.com/static/exp-pc/common-jquery/widget/search-box/img/logo_6115f97.png" alt="百度经验" /></p>';
var reContent = content.replace(
/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,
function (match, reSrc) {
//reSrc,返回每个匹配的字符串
var newImg =
'<img src="http://127.0.0.1:8080' +
reSrc +
'" alt="" style="width:100%;" />';
return newImg;
}
);
console.log(reContent);
</script>
这样做的结果就是给每张图片加了一个style属性,并且修改了图片的src,结果如下:
rich.png
