Jquery 在加载事件中动态获取IMG的维度

11.jpg

的维度不是

100*100

，但我想获得加载事件中图像的真实维度。我怎么做呢

<img id="t" src="img/11.jpg" width="100px" height="100px" />

$('#t').load(function() {

});

$（'#t'）.load（函数（）{
});

使用jQuery

$(document).ready(function() {
    alert("Widht :" + $("#t").width() + "\nHeight :" + $("#t").height());    
});​

使用普通javaScript

var imgObj = document.getElementById("t");
 alert("Widht :" + imgObj.width + "\nHeight :" + imgObj.height);  

如果要使用jQuery方式，请删除高度和宽度。你的html应该是

<img id="t" src="http://www.gravatar.com/avatar/8953449b7b29d04cb89adaf912d84980?s=32&d=identicon&r=PG" />

使用jQuery尝试这个工作示例

$(document).ready(function() {
    alert("Widht :" + $("#t").width() + "\nHeight :" + $("#t").height());    
});​

使用普通javaScript

var imgObj = document.getElementById("t");
 alert("Widht :" + imgObj.width + "\nHeight :" + imgObj.height);  

如果要使用jQuery方式，请删除高度和宽度。你的html应该是

<img id="t" src="http://www.gravatar.com/avatar/8953449b7b29d04cb89adaf912d84980?s=32&d=identicon&r=PG" />

---

试试这个工作示例

我不一定知道这是最好的方法，或者如果您需要内部的

img.onload

本身，但是您可以使用

图像

对象来获取

img

，而不需要

宽度

和

高度

属性

$('#t').load(function() {
    var img = new Image();
    img.src = this.src;

    img.onload = function(){
        console.log(img.width);
        console.log(img.height);
    };
});

---

演示（打开控制台）：注意，

img

标签上的属性给出了它的

100x100

尺寸，但图像实际上是

128x128

，我不一定知道这是最好的方式，或者如果你需要内部

img.onload本身，但是您可以使用
图像
对象来获取
img
，而不使用
宽度
和
高度
属性

$('#t').load(function() {
    var img = new Image();
    img.src = this.src;

    img.onload = function(){
        console.log(img.width);
        console.log(img.height);
    };
});

演示（打开控制台）：注意，
img
标签上的属性给出了它的
100x100
尺寸，但图像实际上是
128x128
，
width=“100px”height=“100px”
注意，可能需要注意。当我将它添加到
img
标记时，我得到了。这是真的，jquery将返回样式值（如果可用）或者实际大小。这也没有任何区别吗？您的示例和fiddle仍然没有宽度和高度属性，如下所示：抱歉，过早添加链接。请试试这个。在所有情况下，您都必须删除图像的高度和宽度，但仍然可以使用javaScirpt或jquery更改图像的高度和宽度。我可以向您展示code-alsoNote，
width=“100px”height=“100px”
可能需要注意。当我将它添加到
img
标记时，我得到了。这是真的，jquery将返回样式值（如果可用）或者实际大小。这也没有任何区别吗？您的示例和fiddle仍然没有宽度和高度属性，如下所示：抱歉，过早添加链接。请试试这个。在所有情况下，您都必须删除图像的高度和宽度，但仍然可以使用javaScirpt或jquery更改图像的高度和宽度。我也可以向您展示该代码