前端笔记-小鱼博客 · 一个小小程序员的世界

小鱼Blog

您现在的位置是:首页 > 个人博客 > 前端笔记

前端笔记

jq、js如何获取字符串中的所有img标签、并集合为数组!

2021-05-15 前端笔记 774
jq、js如何获取字符串中的所有img标签、并集合为数组!以便后期获取指定图片

jq、js如何获取字符串中的所有img标签、并集合为数组!以便后期获取指定图片

今天开发了一个项目,要求我要在富文本中的字符串里获取第一张图片,并上传到数据库!之前有用php去获取字符串图片的经验,经过我努力一分钟的头脑风暴!终于想出了前端对应的解决方法!

流程:

一、写一个img的正则!代码如下

var imgReg = /<img.*?(?:>|\/>)/gi;


二、通过match方法,把有img标签的字符串进行正则检索,并自动的把所有img标签集合为一个字符串!代码如下:

/*@str:变量,带有img标签并需要正则的字符串*/
var arr = str.match(imgReg);  // arr 为包含所有img标签的数组

三、最后,console.log(arr),大家就可以看到了


是不是很简单!如果解决了你的问题!请给我点个赞呗

文章评论

775 人参与,0条评论
暂无评论!期待你的回答!