Regular Expression to match image path and replace with another

Question

Using Regular Expressions, I am struggling to figure out how to match an image source pattern within HTML document, and replace it with a different path:

Replace source like this:

img alt="description" align=left src="/xxxx/ssss/sssss/sssss/Photos/myimage.jpg"

with like this:

img alt="description" align=left src="http://www.mysite.com/subsite/images/myimage.jpg"

keeping the same image name.

If this is any more complicated than parsing attributes out of elements (which is, in fact, possible) you should go read this: http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags — Wug, Oct 23 '12 at 20:14
Answer: Use a HTML parser. Reason: http://stackoverflow.com/a/1732454/1090657. — quantum, Oct 23 '12 at 20:22

score 0 · Answer 1 · answered Oct 23 '12 at 20:19

0

Search pattern:

img alt="description" align=left src="\K[^"]*(?=")

Replace match with following value:

http://www.mysite.com/subsite/images/myimage.jpg

(Sorry, don't know C#.)

answered Oct 23 '12 at 20:19

ikegami

367,544
15
269
518

score 0 · Answer 2 · answered Oct 23 '12 at 20:33

You may try this:

/<img\s+([^s]\w+=\"[^"]+\"\s+)*src=\"([^"]+)\"\s+(\w+=\"[^"]+\"\s+)*\/>/i

and the image src will be kept in \2, where \w means any word character (letter, number, underscore), and \s means any space character. This regex will match src even if it is not the third attribute.

You may try this on rubular.com to see how it works.

Regular Expression to match image path and replace with another

2 Answers2