Javascript 获取错误的背景图像源

Question

我想在我的服务器上获取图片的自然尺寸，但我没有获取图片的真实来源。

我确实通过 jquery 获得了来源:

.css('background-image').replace('url(','').replace(')','');

但是当我将此 URL 存储到 img.src 中时，它无法获得正确的图像源。

我得到的是:http://vatocc.net/%22http://vatocc.net/function/file/get/get_file.php?file=/secure/user_img/background_img/1265024466.jpg&purpose=view&format=false%22

真实链接:http://vatocc.net/function/file/get/get_file.php?file=/secure/user_img/background_img/1265024466.jpg&purpose=view&format=false

FIDDLE

更新:

https://jsfiddle.net/7r5yu7ts/1/

Answer 1

尝试:

var background = $('div').css('background-image'),
imgPath = background.substring(background.lastIndexOf("(")+2,background.lastIndexOf(")")-1);

完整工作:

var background = $('div').css('background-image'),
    imgPath = background.substring(background.lastIndexOf("(")+2,background.lastIndexOf(")")-1);

var img = new Image;
    img.src = imgPath;
    $('i').html('Source: ' + img.src + 'Width: ' + img.width + ' Height: ' + img.height);

https://jsfiddle.net/7r5yu7ts/3/