首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  程序员

V 站的各位大大,求个正则表达式,获取图片 src,小弟写了很久没写出来

  •  
  •   rootzzz · 26 天前 · 1295 次点击

    这有个字符串,想要用 js 获取里面的第一个图片的 src 链接,参考了网上很多写法,终究没写出来,请各位赐教

    "<p>老牌手机论坛“<span class='wp_keywordlink_affiliate'><a href=\"https://fulibus.net/tag/%e6%99%ba%e5%8f%8b\" title=\"View all posts in 智友\" target=\"_blank\">智友</a></span>论坛”近期宣布关闭,呼吁用户注意保存数据</p>\n<p><span class='wp_keywordlink_affiliate'><a href=\"https://fulibus.net/tag/%e6%99%ba%e5%8f%8b\" title=\"View all posts in 智友\" target=\"_blank\">智友</a></span>论坛创建于 2010 年 3 月</p>\n<p>相信不少朋友这些年在这里下载过一些群众喜闻乐见的软件</p>\n<p>近期因为母公司经营问题等原因,老论坛关闭</p>\n<p>预计老论坛内容 11 月 13 日左右调整关闭</p>\n<p>虽然老站关闭,但是网站开启了<span class='wp_keywordlink_affiliate'><a href=\"https://fulibus.net/tag/%e6%99%ba%e5%8f%8b\" title=\"View all posts in 智友\" target=\"_blank\">智友</a></span>新论坛</p>\n<p>只是目前访问速度很慢,服务器不稳定</p>\n<p>需要的朋友可以现在注册一下!</p>\n<p><strong>网站公告:(<a target=\"_blank\" href=\"http://bbs.zhiyoo.com/forum.php?mod=announcement&amp;id=108#108\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\">点击查看</a>)</strong></p>\n<blockquote><p>近期本站将关闭 请大家备份好数据</p>\n<p>预计 11 月 13 日 服务器调整 本站将关闭 请大家备份好数据!</p>\n<p>始于 2010 年 3 月 感谢大家的陪伴!<br />\n 我们将以新的姿态和大家见面</p>\n<p>请即时备份好您的数据,不是数据 那是时光。</p>\n<p>感谢大家长久以来对智友 安智的支持!</p></blockquote>\n<p><strong>智友新论坛(纯净):<a target=\"_blank\" href=\"http://bbs.zhiyoo.net\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\">http://bbs.zhiyoo.net</a></strong></p>\n<p><strong>智友新论坛(邀请):<a target=\"_blank\" href=\"http://bbs.zhiyoo.net/?fromuser=Eden\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\">http://bbs.zhiyoo.net</a></strong></p>\n<p><img src=\"https://tva1.sinaimg.cn/large/006BNqYCly1g8wc4qr2pnj31570ikadp.jpg\" /></p>\n<p><img src=\"https://tva1.sinaimg.cn/large/006BNqYCly1g8wc4g3633j314s0nnwn0.jpg\" /></p>\n"
    
    19 回复  |  直到 2019-11-15 15:17:48 +08:00
        1
    ifeely   26 天前
    var rImgSrc = /( https:\/\/[\w.\/!\-]+.(?:jpg|png|jpeg))/ig;
        2
    optional   26 天前
    str.match(/\<img[^\>]+src="(.+?)"/i)[1]
        3
    zzzzhan   26 天前
    match(/src="(.*)"\s/)[1]
        4
    mgso   26 天前   ♥ 1
    str.match(/<img src=(\S+)/)[1]

    匹配以<img src=非空白的字符串。不加 g 修饰符则只匹配一次结果,(\S+)是讲图片地址分组。

    拿到结果后取索引 1,对应正则第一个分组内容即为图片地址
        5
    ESeanZ   26 天前
    直接$("img").attr("src") 不好吗?
        6
    vow   26 天前
    Array.from(document.querySelectorAll('img')).map(i=>(i.src||''))
        7
    mara1   26 天前
    为啥放字符串里,可以直接用选择器从 dom 里抓吗?
        8
    rootzzz   26 天前
    @ESeanZ emmm 这是用 wordpress rest api 返回的数据,我要从中找一个图渲染 vue 构建的页面
        9
    rootzzz   26 天前
    @mara1 因为输出的是文章列表,每个都渲染一次,很耗费内存和时间
        10
    rootzzz   26 天前
    @mgso
    @zzzzhan
    @optional
    @ifeely

    感谢各位前辈
        11
    imlinhanchao   26 天前
    var div = document.createElement('div');
    div.innerHTML = "...";
    Array.from(div.getElementsByTagName('img')).map(i => i.src);
        12
    imlinhanchao   26 天前
    @imlinhanchao 噢,不要渲染。那忽略我。。。
        13
    shawndev   26 天前
    xpath 它不香吗?
        14
    mczhanhong   25 天前
    推荐提问方式:垃圾正则表达式,连图片 src 都获取不了( PS:手动狗头)
        15
    kangzai50136   25 天前
    智友论坛要关了?一个时代的落幕啊。
        16
    Kingsfree   25 天前
    xpath 多好用
        17
    rootzzz   25 天前
    @mczhanhong 要狗头保命 我觉得更合适
        18
    rootzzz   25 天前
    @Kingsfree xpath 是不是不能用在字符串里
        19
    CHENJIAJIE   25 天前
    服务端 cherrio 浏览器 jsdom 也行吧
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2689 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 26ms · UTC 00:48 · PVG 08:48 · LAX 16:48 · JFK 19:48
    ♥ Do have faith in what you're doing.