jQuery - 如何获得外部图像大小

Question

我正在循环中生成一个img标记列表：

@for (int i = 0; i < length; i++)
{
   <img class='my-mimg' alt='' src='https://drive.google.com/uc?export=view&id=someDynamicID'  style='max-width : 700px; max-height : 700px;' />
}

我不知道那些图像的大小，我想得到第一张图片的大小：

$('img.my-mimg:eq(0)').css('width');
$('img.my-mimg:eq(0)').css('height')

但我得到0值。怎么那么大小？

Answer 1

您必须等到图像加载后才能获得它的大小

$('img.my-mimg:eq(0)').on('load', function() {
    var width = $(this).css('width');
}).each(function() {
    if (this.complete) $(this).load(); // Fixes caching issues in IE
});