如何使用ajax获取图像加载的尺寸?

时间:2012-05-29 08:29:48

标签: javascript jquery ajax

我正在使用jquery加载图片:

var myImg = new Image();

$(myImg).load(function(){
    console.log("image dimensions:"); // what should I put here ?
}).attr("src", "/path/toImg/");

当加载img时,有没有办法获得它的宽度和高度? 请注意,问题是我希望在将img附加到正文之前获得此信息。

2 个答案:

答案 0 :(得分:0)

它应该只是:

$(myImg).load(function(){
    var w = this.width;
    var h = this.height;
    ...
}).attr("src", "/path/toImg/");

http://jsfiddle.net/alnitak/c4JJf/

演示

答案 1 :(得分:-2)

试试这个:

var curHeight;
var curWidth;

function getImgSize(imgSrc)
{
    var newImg = new Image();
    newImg.src = imgSrc;
    curHeight = newImg.height;
    curWidth = newImg.width;    
}