使用正则表达式去更改在字符串里的<img>标签的地址

使用了富文本编辑器编辑的文章内容通常都以字符串的形式保存，然后当要把文章显示出来的时候，如果文章里的图片的路径不合适，就会出现显示不出来的错误。使用正则表达式就能轻松搞定。

从百度百科找来了一张小猪佩奇的图片，原地址：https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=09f6e7bdb919ebc4d4757ecbe34fa499/b3119313b07eca8015ffe13f9b2397dda0448374.jpg

保存下来把它放在文本编辑器里编辑一下于是：

在页面显示效果

const content = '<p>&nbsp;</p>↵<p><font color="#FF0000">这里有五只猪</font><img src="images/b3119313b07eca8015ffe13f9b2397dda0448374.jpg" /></p>';

可以知道，如果不是我本地，按照这个路径肯定找不到这张社会图。

---

使用正则表达式更改（把图片的绝对路径换成相对路径）：

const newContent = content.replace(/src=\"image/g,  'src=\"https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=09f6e7bdb919ebc4d4757ecbe34fa499');

注意： /原替换内容/g，这里的g是替换所有！正则表达式一般只替换第一个！

控制台的结果