替换字符串中的url地址变为为＜img src＞格式

最新推荐文章于 2023-01-12 17:13:40 发布

Yzzone

最新推荐文章于 2023-01-12 17:13:40 发布

阅读量755

点赞数 5

分类专栏：前端记录文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/Yzzone/article/details/108977352

版权

前端记录专栏收录该内容

4 篇文章 0 订阅

订阅专栏


```javascript
<script>
    // 判断是否有'地图纠错表单'  在判断是否多个 替换 <img  
    var str1 =
        "内容:地图纠错表单, 校区地点:领秀城中心问题，类型: 地点不正确，描述:小程序测试，图片:
        http://img.gjgj.en/dianping/2020/1/74431f4f-40o2-4581-8bfo-2465a4d79o05.png,
        http://img.ppoo0/1/74431f4f-40o2-4581-8bfo-2465a4d79o05.png,
        http://.jppao.en/dianping/2020/1/74431f4f-40o2-4581-8bfo-2465a4d79o05.png";


    function pictureUrl(str) {
        var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
        if (str.includes('地图纠错表单')) {
            var urls = str.match(reg);
            if (!urls) {
                return false
            }
            var newUrls = urls.map((v, i) => {
                return v = '<img src=\"' + v + '\"/>'
            })
            for (let i = 0; i < newUrls.length; i++) {
                var a = urls[i]
                var b = newUrls[i]
                str = str.replace(a, b)
            }
            console.log(str);
        }
        return str
    }
    pictureUrl(str1)
</script>
处理之后 str：
"内容:地图纠错表单, 校区地点:领秀城中心问题类型: 地点不正确,描述:小程序测试，图片:
<img src="http://img.iibao.en/dianping/2020/1/74431f4f-40o2-4581-8bfo-2465a4d79o05.png"/>,
<img src="http://img.iuiao2020/1/74431f4f-40o2-4581-8bfo-2465a4d79o05.png"/>,
<img src="http://.ljioipbao.en/dianping/2020/1/74431f4f-40fo-2465a4d79o05.png"/>"

大佬多提提意见