上传图片的尺寸

Question

我需要获取用户上传图像的尺寸，即有一个文件上传按钮，将图像加载到'img'标签中，然后根据img的大小设置img元素属性。基本上，在页面加载时，图像标记非常类似：

<img id="img">

当用户上传尺寸为222 X 227的图像时，呈现给它的尺寸为：

<img id="img" width="222" height="227"> <!--verified by inspecting the element -->

我想检索上传图片的尺寸，并使用jQuery，我的脚本：

$('#img').attr('width') OR $('#img').attr('height');

返回'undefined'。另外，$('#img').attr('src')返回undefined，即使在检查元素时确实显示这些属性要加载正确的值。

这让我得出结论，图片已上传但未添加到DOM？

有人知道发生了什么事吗？

Answer 1

好的，我弄明白了什么，这有助于：

$('#img').load(function(){
   console.log($('#img').attr('width'));
});

给了我想要的维度。但是，我不知道为什么我需要在这里执行load（）函数回调，如果有人想要阐明它的话。