Regex add text after each match in a string javascript

Question

I have string containing different size images see below:

let newstr=‘assets/images/iphoneMoviesImg.png 1x,assets/images/[email protected] 2x,assets/images/[email protected] 3x’

What I can to do is prevent the images from caching in javascript.

I am trying to build a regex expression that can match to the image extension mime type and add a unique number after to prevent caching. Below is a example of the result that I am after:

let newstr=‘assets/images/iphoneMoviesImg.png?3 1x,assets/images/[email protected]?3 2x,assets/images/[email protected]?3 3x’

Any advice would be much appreciated!

Do you only want regex solutions?

ProEvilz
– ProEvilz

2017-09-26 14:25:07 +00:00
Commented Sep 26, 2017 at 14:25 — ProEvilz
– ProEvilz, Commented Sep 26, 2017 at 14:25

ProEvilz · Accepted Answer · 2017-09-26 14:45:05Z

1

You could use regex with replace() for this?

UPDATE OP wants to replace multiple mime types.

let newstr='assets/images/iphoneMoviesImg.gif 1x,assets/images/[email protected] 2x,assets/images/[email protected] 3x';

var res = newstr.replace(/(png)/g, 'png?3');
 res = res.replace(/(jpg)/g, 'jpg?3');
 res = res.replace(/(gif)/g, 'gif?3');

console.log(res);

edited Sep 26, 2017 at 14:45

answered Sep 26, 2017 at 14:27

ProEvilz

5,44311 gold badges47 silver badges81 bronze badges

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

2 Comments

Dave Over a year ago

Thanks @ProEvilz actually can would it be possible to also add in matches for .gif .jpg .png ?

ProEvilz Over a year ago

@Dave Repeat the replace and swap png for which ever mime you need. Or you can match all in one go with (png|jpg|gif) but I'm not sure about how to map the correct mimetype with the match. If you use (png|jpg|gif) with the code above then all matches will become replaced with png?3

Collectives™ on Stack Overflow

Regex add text after each match in a string javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related