使用javascript或jquery获取图像大小

时间:2010-03-20 12:54:55

标签: javascript jquery

我想使用javascript或jquery获取图像大小。与imagesize()类似的东西。

由于 让

4 个答案:

答案 0 :(得分:2)

已经被问到并回答了 - How to get image size (height & width) using JavaScript?

var img = document.getElementById('imageid'); 
var width = img.clientWidth;
var height = img.clientHeight;

答案 1 :(得分:2)

这取决于。如果图像已经应用了宽度/高度样式/属性,则不会获得图像的宽度/高度,但是您将获得调整大小的尺寸。这是一个可能的解决方案:

function getImageSize(img) {
    var clone = img.clone();
    clone.width("auto")
         .height("auto")
         .css("position", "absolute")
         .css("left", -9999)
         .css("top", -9999);
    $(document.body).append(clone);
    var width = clone.width();
    var height = clone.height();
    clone.remove();
    return [width, height];
}

未经测试,但它应该有效。但是,如果您确定图像没有从css / html调整大小,则不需要这种复杂功能,您可以使用其他人所说的内容。

答案 2 :(得分:0)

  

var width = $(“#img”)。width();

答案 3 :(得分:0)

你可以使用.attr('width')和.attr('height'),除非你的意思是以字节为单位的大小?

如果使用css重新调整img

,这将无法工作