用正则表达式替换图片地址img标签

内容摘要
开始想到的解决方法是:
复制代码 代码如下:content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) { console.log(match);});
输出结果是:
复制代码 代
文章正文

开始想到的解决方法是:

复制代码 代码如下:

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match) {
    console.log(match);
});

输出结果是:

复制代码 代码如下:

<img src="http://www.phpstudy.net/images/logo.gif" alt="" width="142" height="55" />

得到的是整个img标签,但我期望得到的是src中的网址,这样只需在function(match)中返回新地址就行了。
于是,卡在这里了。。。
后来,通过Google搜索关键字“javascript replace callback”,在stackoverflow中找到了“replace callback function with matches”,才知道function(match)还有其他参数

然后,改为下面的代码,问题就解决了。

复制代码 代码如下:

content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function (match, capture) {
    console.log(capture);
});

输出结果:

复制代码 代码如下:

http://www.phpstudy.net/images/logo.gif


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!