regex101: JavaScript Match Workspace

1st Alternative(http(s?):)

Group 1(http(s?):)

httpthe literal text http (case sensitive)

Group 2(s?)

s?optionally matches the literal s (115₁₀ / 163₈ / 73₁₆) (case sensitive)

:the literal : (58₁₀ / 72₈ / 3A₁₆)

2nd Alternative([/|.|\w|\s])*\.(?:jpg|gif|png)

Group 3([/|.|\w|\s])*

*repeats the group contents below any number of times:

Character Class[/|.|\w|\s]

/the literal / (47₁₀ / 57₈ / 2F₁₆)

|the literal | (124₁₀ / 174₈ / 7C₁₆)

.the literal . (46₁₀ / 56₈ / 2E₁₆)

\wany word character

|the literal | (124₁₀ / 174₈ / 7C₁₆)

\sany whitespace character

\.the literal . (46₁₀ / 56₈ / 2E₁₆)

Non-Capturing Group(?:jpg|gif|png)

1st Alternativejpg

jpgthe literal text jpg (case sensitive)

2nd Alternativegif

gifthe literal text gif (case sensitive)

3rd Alternativepng

pngthe literal text png (case sensitive)

Global pattern flags

g modifier: global. Finds all matches instead of stopping after the first

Search reference

Regular Expression

(http(s?):)|([/|.|\w|\s])*\.(?:jpg|gif|png)

New

background: rgb(255, 0, 0) url(../res/img/temp/634043/original/cc3d8715eed0c.jpg) repeat fixed left top; cursor: auto;
<div id="divbg" style="background-color:#ff0000"><img id="bg" src="../res/img/temp/634043/original/cc3d8715eed0c.jpg" width="100%" height="100%" /></div>
background-image: url(../res/img/temp/634043/original/cc3d8715eed0c.png);
background: rgb(255, 0, 0) url(http://google.com/res/../img/temp/634043/original/cc3    _d8715eed0c.jpg) repeat fixed left top; cursor: auto;
background: rgb(255, 0, 0) url(https://google.com/res/../img/temp/634043/original/cc3_d8715eed0c.jpg) repeat fixed left top; cursor: auto;

Regular Expressions 101

Regular Expression

Substitution