javascript - 获取ajax加载图像的大小

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();
});