讲师中心 微信公众号

工具推荐

视频效率加速
Laper
Laper

剧本策划到成片协作

Seko
Seko

AI短剧一键生成成片

AniShort
AniShort

AI短剧协同制作平台

updream

一键生成高质量推广成片

sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】

夏瑶酱_6440

夏瑶酱_6440

发布时间:2026-01-12 14:37:02

|

888人浏览过

|

来源于php中文网

原创

Sublime Text 无法自动提取页面图片地址,只能用正则匹配 标签中 src 属性的 URL;推荐使用 (?i)]+src\s*=\s*["']([^"'\s>]+?)["'][^>]*> 提取,并加 https?://|// 和图片后缀限制确保有效性。

sublime怎么实现自动提取页面图片地址_sublime正则提取url技巧【教程】

Sublime Text 本身不提供「自动提取页面图片地址」功能,它没有内置的 HTML 解析器或网络请求能力;所谓“提取”,实际是靠正则表达式在源码文本中匹配 <img alt="sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】" > 标签里的 src 属性值——本质是文本筛选,不是 DOM 抽取。

用正则匹配 <img src="..." alt="sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】" > 的完整 URL

直接搜索带协议的绝对路径(如 https://、http://、//)最稳妥,避免误抓相对路径或 JS 变量。推荐正则:

(?i)<img [^ alt="sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】" >]+src\s*=\s*[\"']([^\"'\s>]+?)[\"'][^>]*>

说明:

  • (?i) 开启忽略大小写,匹配 SRC 或 src
  • [^>]+ 防止跨标签匹配,限定在单个 <img alt="sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】" > 内
  • src\s*=\s* 容忍等号前后空格和换行
  • [\"']([^\"'\s>]+?)[\"'] 捕获引号内的非空、非引号、非空白、非 > 字符(即真正的 URL)

⚠️ 注意:src 值里含空格或未闭合引号时会失效——这不是正则问题,是 HTML 本身不规范。

只提取以 http 或 // 开头的有效图片地址

很多页面用相对路径(如 ./images/logo.png),这类地址无法直接访问,建议过滤掉。搜索时加前缀限制:

Expanso yaml-to-json
Expanso yaml-to-json

使用 Expanso Edge 管道将 YAML 输入转换为 JSON 格式。

下载
(?i)<img [^ alt="sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】" >]+src\s*=\s*[\"']((?:https?://|//)[^\"'\s>]+?\.(?:png|jpe?g|gif|webp|svg)[^\"'\s>]*?)[\"'][^>]*>

关键点:

  • (?:https?://|//) 匹配 http://、https:// 或协议相对 URL //example.com/xxx
  • \.(?:png|jpe?g|gif|webp|svg) 强制结尾为常见图片后缀(jpe?g 覆盖 jpg 和 jpeg)
  • 末尾 [^\"'\s>]*? 允许 URL 含查询参数(如 ?v=1)但不吞掉引号

如果页面混用大小写后缀(如 .JPG),把后缀列表改成 (?:png|jpe?g|gif|webp|svg) 并保留 (?i) 即可。

批量提取后快速去重并复制到剪贴板

Sublime 不支持一键导出匹配结果,但可通过以下流程提速:

  • 按 Ctrl+H(Windows/Linux)或 Cmd+H(macOS)打开替换面板,勾选 Regular Expression 和 Match Case(除非你关了 (?i))
  • 在 Find What 粘贴上面任一正则,在 Replace With 填 $1(引用第一个捕获组)
  • 点 Replace All —— 所有匹配的 URL 会替换原 <img alt="sublime怎么实现自动提取页面图片地址_sublime正则提取URL技巧【教程】" > 标签,留下纯地址行
  • Ctrl+A 全选 → Ctrl+Shift+P → 输入 Copy → 选 Copy 命令(或直接右键复制)

⚠️ 风险:如果原始文件不能改,务必先 Save As 备份副本再操作;替换不可逆,且 $1 在无捕获组时为空,会删掉整行。

真正难的不是写正则,而是处理 srcset、data-src、背景图 CSS、Base64 内联图这些「非标准 src」场景——它们需要不同正则甚至外部工具解析。Sublime 只负责文本,别指望它理解语义。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

讯飞智文

一款面向学习和办公场景的AI文档创作工具,可辅助生成PPT与Word文档,提高资料整理和内容制作效率。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

4896

2023.06.20

正则表达式不包含
正则表达式不包含

正则表达式,又称规则表达式,,是一种文本模式,包括普通字符和特殊字符,是计算机科学的一个概念。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串,通常被用来检索、替换那些符合某个模式的文本。php中文网给大家带来了有关正则表达式的相关教程以及文章,希望对大家能有所帮助。

3361

2023.07.05

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

9362

2023.07.05

java正则表达式匹配字符串
java正则表达式匹配字符串

在Java中,我们可以使用正则表达式来匹配字符串。本专题为大家带来java正则表达式匹配字符串的相关内容,帮助大家解决问题。

832

2023.08.11

正则表达式空格
正则表达式空格

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。本专题为大家提供正则表达式相关的文章、下载、课程内容,供大家免费下载体验。

520

2023.08.31

Python爬虫获取数据的方法
Python爬虫获取数据的方法

Python爬虫可以通过请求库发送HTTP请求、解析库解析HTML、正则表达式提取数据,或使用数据抓取框架来获取数据。更多关于Python爬虫相关知识。详情阅读本专题下面的文章。php中文网欢迎大家前来学习。

693

2023.11.13

正则表达式空格如何表示
正则表达式空格如何表示

正则表达式空格可以用“s”来表示,它是一个特殊的元字符,用于匹配任意空白字符,包括空格、制表符、换行符等。想了解更多正则表达式空格怎么表示的内容,可以访问下面的文章。

406

2023.11.17

正则表达式中如何匹配数字
正则表达式中如何匹配数字

正则表达式中可以通过匹配单个数字、匹配多个数字、匹配固定长度的数字、匹配整数和小数、匹配负数和匹配科学计数法表示的数字的方法匹配数字。更多关于正则表达式的相关知识详情请看本专题下面的文章。php中文网欢迎大家前来学习。

739

2023.12.06

Postman身份认证怎么配置
Postman身份认证怎么配置

本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

40

2026.11.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn