javascript - 在 IE 上获取图像加载时的图像宽度失败

Question

我有一个图像缩放功能，可以按比例调整图像大小。在每次加载图像时，如果图像的宽度或高度大于我的最大宽度和最大高度，则使用图像调用此函数并调整大小。我可以在 FF Chrome Opera Safari 中获取 img.width 和 img.height，但 IE 失败。我该如何处理？

让我用一段代码来解释。

<img src="images/img01.png" onload="window.onImageLoad(this, 120, 120)" />

function onImageLoad(img, maxWidth, maxHeight) {
     var width = img.width; // Problem is in here
     var height = img.height // Problem is in here
}

在我强调的行中，img.width 不适用于 IE 系列。

有什么建议吗？

谢谢。

Answer 1

不要使用 width 和 height。请改用 naturalWidth 和 naturalHeight。这些提供了图像文件中未缩放的图像像素尺寸，并且可以跨浏览器使用。