js将字符串内容中的img图片增加前缀

时间:2024-08-06 19:15:46 类型:JS/JQUERY
字号:    

随着前后端的分离,用vue,react等框架在读取内容并显示时,因为不在同一个域名下,所以经常需要在img的src属性前加域名前缀,这里我们可以通过正则表达式来进行替换

1
2
3
4
5
6
7
8
9
export default function imgPreSuffix(htmlString, prefix) {
    const regex = /<img[^>]*src="([^"]+)"[^>]*>/gi;
    if(htmlString){
        return htmlString.replace(regex, (match, src) => {
          return match.replace(src, prefix + src);
        });
    }
    
  }


<