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

Question

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

Answer 1

您有2个选项：

选项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不会因为在拍摄时尚未加载任何回报。