Replace image source with RegExp where another attribute comes first

Question

I have this for exapmple

<img style="height:375; width:500;" src="../img/ris1_1.jpg" ALIGN="center">
<img src="img/ris1_2.jpg" style="height:375; width:500;" ALIGN="center">

I used this RegExp to replace src tag:

(?<=(<img src=['"]))[^"']+

But it finds only imgs where src comes right after

Also I need to replace only relative paths, not absolute. So if I have absolute path in src I must not replace it.

P.S. Yeah! I've done, thanks Shomz for that! Just do this:

tag.replace(/(img[^>]*src=['"])+(?!http:\/\/)\s*([^'"]*)/gi,"$1http://mydomain.com/$2");

Instead of using a regex why not just select the element and update its .src property — Explosion Pills
– Explosion Pills, Commented Jan 26, 2014 at 13:34
I can't replace src with .src because I search it in text, parsed from page. Also I can't move src attribute. — user3237558
– user3237558, Commented Jan 26, 2014 at 13:39

Shomz · Accepted Answer · 2014-01-26 14:10:38Z

1

If tag is your tag, you can do:

tag.replace(/(img[^>]*src=['"])+(\s*)[^'"]*/g, '$1REPLACED.jpg');

UPDATE

To omit absolute urls, use this regex (img[^>]*src=['"])+(?!http:\/\/)\s*[^'"]*.

edited Jan 26, 2014 at 14:10

answered Jan 26, 2014 at 14:03

Shomz

37.7k4 gold badges61 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3237558 Over a year ago

It's very good solution! And how to replace only relative paths?

user3237558 Over a year ago

Thank you! It is working! :) But I still can't add old src, such as "img/ris1.jpg" to replacement...

Shomz Over a year ago

You're welcome! Also, you might need to take care of ../ in the relative paths if you're just switching domains.

Mofi · Accepted Answer · 2014-01-26 13:52:36Z

0

Instead of just selecting with the search string only the value of src attribute of an img element, use the capturing search string (<img.*?src=['"])[^"']+ and start the replace string with \1 to keep everything from <img to " or ' on replace.

Of course you could simply use search string (?<=src=['"])[^"']+ if the src attribute is not used in any other element than img.

The suggestion by Tony is also good. With searching for (<img)(.+?)( src=["'][^"']+["']) and using as replace string \1\3\2 it is possible to first standardize all img elements by moving src attribute to first position after <img.

answered Jan 26, 2014 at 13:52

Mofi

49.9k19 gold badges89 silver badges159 bronze badges

Collectives™ on Stack Overflow

Replace image source with RegExp where another attribute comes first

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related