正则表达式从属性中查找图像src / path

Question

if my html is

<div style="background-image: url(http://domain.com/randompath/random4509324041123213.jpg);"></div>

And I get style attribute like..

var img_src = $('div').css('background-image');

So output is

url("http://domain.com/randompath/random4509324041123213.jpg")

Any regex or some basic thing to find image src/path 100% ? like

http://domain.com/randompath/random4509324041123213.jpg

100% I mean cross browser, It should work 100%

I not sure about output from var img_src = $('div').css('background-image'); has pattern like this in all browsers , If "yes" so I can do .replace() function

Playground : http://jsbin.com/apalat/1/edit

Answer 1

Try this one:

$("code").html(img_src.slice(5, -2));

CHECKOUT FIDDLE

Update:

For 'chrome' because chrome doesn't add '"' quotes:

var img_src = $('div').css('background-image');

$("code").html(img_src.slice(5, -2));

if (navigator.userAgent.toLowerCase().indexOf('chrome') >= 0) {
   $("code").html(img_src.slice(4, -1));
}

UPDATED FIDDLE

Answer 2

Don't need regex, just cut the string...

http://jsfiddle.net/BHcsQ/2/

var s = 'url("http://domain.com/randompath/random4509324041123213.jpg")';
var s_sub = s.substring(5, s.length-2);

alert(s_sub);