js用来替换富文本内容里面的图片链接

这个方法主要是用来替换富文本内容里面的图片链接的,一般用在加载富文本内容的。
这里面的baseUrl是你的图片服务器的域名地址比如https://xxx.com
/**
 * 替换图片链接
 * @param {*} a 
 * @returns 
 */
function replaceImg(a) {
    // a 为富文本的字符串内容,为了测试,只写了img标签
    var b = /]*src=['"]([^'"]+)[^>]*>/g;// img 标签取src里面内容的正则
    var s = a.match(b);// 取到所有img标签 放到数组 s里面
    if(s) {
        for (var i = 0; i < s.length; i++) {
            var srcImg = s[i].replace(b, '$1');//取src面的内容
            if (srcImg.slice(0, 4) == 'http' || srcImg.slice(0, 5) == 'https') {
                //若src前4位置或者前5位是http、https则不做任何修改
                //console.log('不做任何修改');
            } else {
                //修改富文本字符串内容 img标签src 相对路径改为绝对路径
                a = a.replace(/src=['"]([^'"]+)[^>]*>/gi, 'src="' + baseUrl + srcImg + '"' + '>'); 
                // console.log(baseUrl, a)
            }
        }
    }
    return a
}

你可能感兴趣的:(vue.js,node.js,前端)