Question

我尝试过使用$element.width()或$element.height()，两者似乎都没有帮助检索加载了ajax的图像的值。如何使用jQuery或常规JS获取这些内容？图像没有CSS中的设置。

Answer 1

当您加载内容时，在您的ajax成功中使用类似

的内容

var real_image_sizes = {};
$('your loaded images').one('load', function() {
    //get real image size
    real_image_sizes.width = this.width;   // Note: $(this).width() will not
    real_image_sizes.height = this.height; // work for in memory images.
}).each(function() {
    if(this.complete) $(this).load();
});

Answer 2

只需使用加载程序！

var $img = $('<img/>').attr('src','img_url.jpg').load(function(){ 
    console.log('width: ', $img.width(), ' height: ', $img.height()); 
});
$('body').append($img);

这是fiddle

获取ajax加载图像的大小

2 个答案: