Javascript得到错误的背景图像src

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/