使用正则表达式从HTML字符串中获取所有图像src

最新推荐文章于 2023-09-05 11:22:57 发布

范伟带你打天下

最新推荐文章于 2023-09-05 11:22:57 发布

阅读量617

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.csdn.net/ailiana/article/details/115899488

本文介绍了一种使用正则表达式从HTML字符串中提取图片URL的方法，并提供了完整的JavaScript实现示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码：

var text="<img src=\"http://text123461237890.jpg\" class=\"el-image__inner el-image__preview\"><img src=\"http://test1618881234217359.png\" class=\"el-image__inner el-image__preview\"><img src=\"测试图片1231231618884220596.jpg\" class=\"el-image__inner el-image__preview\">";

function getImages(string) {
  const imgRex =/<img.*?src="(.*?)"[^>]+>/g;
  const images = [];
    let img;
    while ((img = imgRex.exec(string))) {
        console.log(img[1]);
     	images.push(img[1]);
    }
  return images;
}

const imgs = getImages(text);