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

Posted 2023-02-25

【中文标题】使用 JQuery 获取图像的真实尺寸

【英文标题】：Get True Dimensions of an Image with JQuery

【发布时间】：2010-12-13 23:25:16

【问题描述】：

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

【问题讨论】：

***.com/questions/318630/… 看起来很相似。

你试过width()和height()吗？

【参考方案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.

【讨论】：

我对该代码有疑问。是的，它有效，但是在设置 img.src 验证之前如何从 Image 对象中提取宽度和高度？

@Michael - 在 img.src 设置“之后”提取宽度和高度。 img.src = path; 行之前的代码块只是事件处理程序与 load 事件的绑定。直到 load 事件发生后，事件处理程序才会运行。