美文网首页html转pdf
js 匹配html string中的img标签,获取src

js 匹配html string中的img标签,获取src

作者: _若无 | 来源:发表于2020-10-26 15:11 被阅读0次
  • 正则匹配所有的img 的src
let imgReg = /<img.*?(?:>|\/>)/gi //匹配图片中的img标签
let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i // 匹配图片中的src
let str = '<div><img src="xxx.png"><p>12312</p><img src="xxx2.png"></div>'
let arr = str.match(imgReg)  //筛选出所有的img
// 存放所有图片的src
let srcArr = []
for (let i = 0; i < arr.length; i++) {
    let src = arr[i].match(srcReg)
    // 获取图片地址
    srcArr.push(src[1])
}

  • 替换掉所有的html标签
 //包括img在内
string.replace(/<.*?>/g, "")
// 保留img标签
string.replace(/<(?!img).*?>/g, "") 
//保留img p 标签
description.replace(/<(?!img|p|/p).*?>/g, "") 

转自:jojo付啾啾

相关文章

本文标题:js 匹配html string中的img标签,获取src

本文链接:https://www.haomeiwen.com/subject/gvbamktx.html