美文网首页
js匹配string中的img标签,提取src

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

作者: 路过的人儿 | 来源:发表于2018-09-12 14:09 被阅读0次

正则匹配img src

       eventList.forEach(function (item) {
          let imgReg = /<img.*?(?:>|\/>)/gi //匹配图片中的img标签
          let srcReg = /src=[\'\"]?([^\'\"]*)[\'\"]?/i // 匹配图片中的src
          let str = item.content
          let arr = str.match(imgReg)  //筛选出所有的img
          let srcArr = []
          for (let i = 0; i < arr.length; i++) {
            let src = arr[i].match(srcReg)
            // 获取图片地址
            srcArr.push(src[1])
          }
          item.dataValues.imgList = srcArr
        })

替换掉所有的html标签


string.replace(/<.*?>/g, "") //包括img在内

string.replace(/<(?!img).*?>/g, "") // 保留img标签

description.replace(/<(?!img|p|/p).*?>/g, "") //保留img p 标签

相关文章

  • js匹配string中的img标签,提取src

    正则匹配img src 替换掉所有的html标签

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

    正则匹配所有的img 的src 替换掉所有的html标签 转自:jojo付啾啾[https://blog.csdn...

  • HTML图像

    HTML图像-图像标签和源属性(Src) 在HTML中,图像由标签定义。是空标签,意...

  • 图片懒加载

    原理:当img标签中有src时,它就会试图去加载src中的内容,实现一次请求。而我们不再img中写src,而是da...

  • 正则表达式获取img的src内容

    如果我们有如下一段数据,我们想获取img中src的内容。 具体实现 这里我们分两步走,先匹配img标签,然后再获取...

  • php正则匹配img中src

  • jq懒加载

    1.引入懒加载文件lazyload.min.js2.页面的img标签中src写个静态图片,data-lazy写真实...

  • JS通过onerror判断图片是否存在

    JS通过onerror判断图片是否存在,如果不存在,则替换为指定的默认图片 情景分析:有时,img标签中的src图...

  • vue

    img标签的 src属性使用变量

  • 前端

    img使用img标签来向网页中引入一个外部图片img标签也是一个自结束标签属性:src:设置一个外部图片的路径al...

网友评论

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

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