jquery - 如何使用 jQuery 获取实际图像宽度和高度？

Question

在一个页面上我显示了 100 张图像，其宽度和高度属性发生了变化。图像 id 处于循环状态。

如何获取此循环内的原始图像大小？

$(this).appendTo(".prod_image").attr('height',150).attr('width',150).attr('title','').attr('name','').attr('alt','').attr('id','id'+i);

Answer 1

您可以使用 dom 对象的naturalWidth 和naturalHeight 属性检索图像的原始尺寸。

例如。

var image = document.getElementById('someImage');

var originalWidth = image.naturalWidth; 
var originalHeight = image.naturalHeight;

使用 jQuery 它看起来像:

var image = $('#someImage');

var originalWidth = image[0].naturalWidth; 
var originalHeight = image[0].naturalHeight;