javascript - 确定图像跨浏览器的原始大小？

Question

是否有一种可靠的、独立于框架的方法来确定 <img src='xyz.jpg'> 的物理尺寸？在客户端调整大小？

Answer 1

你有两个选择:

选项 1:

去掉width和height属性，读取offsetWidth和offsetHeight

选项 2:

创建一个 JavaScript Image 对象，设置 src，并读取 width 和 height(你不甚至不必将其添加到页面即可执行此操作)。

function getImgSize(imgSrc) {
    var newImg = new Image();

    newImg.onload = function() {
      var height = newImg.height;
      var width = newImg.width;
      alert ('The image size is '+width+'*'+height);
    }

    newImg.src = imgSrc; // this must be done AFTER setting onload
}

由 Pekka 编辑:正如评论中所同意的那样，我将函数更改为在图像的“onload”事件上运行。否则，对于大图像，height 和 width 将不会返回任何内容，因为图像尚未加载。