javascript - js正则表达式如何匹配http~jpg.png.gif格式？

问题描述

问 题

从后台获取的数据如何把图片地址和文字划分开来。

var str="好http://mooc-10050339.file.myqcloud.com/userH5/201707/1499306377538.gif
http://mooc-10050339.file.myqcloud.com/userH5/201707/1499306377538.jpg
http://mooc10050339.file.myqcloud.com/userH5/201707/1499306377538.png
好大家好我是好"
如何匹配http然后包含gif或png、jpg 

渲染到html页面上来
如图
好 <img src="http://mooc-10050339.file.myqcloud.com/userH5/201707/1499306377538.gif">
好大家好我是好

解决方案

var str="好http://mooc-10050339.file.myqcloud.com/userH5/201707/1499306377538.gifhttp://mooc-10050339.file.myqcloud.com/userH5/201707/1499306377538.jpghttp://mooc10050339.file.myqcloud.com/userH5/201707/1499306377538.png好大家好我是好";
var reg = /http:\/\/.*?(gif|png|jpg)/gi
console.log(str.match(reg))

拿到结果，渲染就好了

这篇关于javascript - js正则表达式如何匹配http~jpg.png.gif格式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！