jquery - 使用 JQuery 获取图像的真实尺寸

Question

给定图像路径列表，我如何迭代它们并找到实际的图像尺寸？我假设我必须将它们插入没有宽度或高度属性的 DOM 中，并对它们执行 .width 和 .height？

Answer 1

var paths = ['/path/image.png', 'somewhere/page.jpg'];

$.each(paths, function(i, path) {
    var img = new Image();

    $(img).load(function() {

        var width = img.width,
            height = img.height;

        alert(width + ' × ' + height);

    });

    img.src = path;

});

See it on jsFiddle .