美文网首页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