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

前端技术 2023/09/02 JavaScript

开始想到的解决方法是：

复制代码 代码如下:

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

本文地址：https://www.stayed.cn/item/4522

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案