html - 查找和替换 IMG src 的正则表达式模式

Question

我正在尝试创建一个正则表达式模式来查找并替换我的 HTML 模板中的 IMG src 标记。

本质上，模式应该找到 src 的内容：

<img src="http://www.domain.com/img/building.jpg" />

然后将其替换为：

<img src="http://www.domain.com/image/timthumb.php?src=http://www.domain.com/img/building.jpg&w=800" />

我基本上需要附加到现有 src 属性的开头和结尾。

要找到的模式是什么，然后要替换的模式是什么？

Answer 1

例如：

your_string.replace(/(<img\ssrc=")(.*?)("\s?\/>)/, "$1http://www.domain.com/image/timthumb.php?src=$2&w=800$3");

例子：

> '<img src="http://www.domain.com/img/building.jpg" />'.replace(/(<img\ssrc=")(.*?)("\s?\/>)/, "$1http://www.domain.com/image/timthumb.php?src=$2&w=800$3")
"<img src="http://www.domain.com/image/timthumb.php?src=http://www.domain.com/img/building.jpg&w=800" />"

Answer 2

你可以试试：

find="(<img\b(?:[^s>]+|\Bs|s(?!rc\s*=\s*))+src\s*=\s*)[\"']?((http:\/\/)?([^\/]+)\/(?:[^\/\s]+\/)*)([^\"'\s>]+)[\"']?"
replace="$1\"$3$4/image/timthumb.php?src=$2&w=800\""