一尘不染

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

javascript

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


阅读 273

收藏
2020-04-25

共1个答案

一尘不染

您有2个选项:

选项1:

删除widthheight属性,然后读取offsetWidthoffsetHeight

选项2:

创建一个JavaScript Image对象,设置src,然后读取widthheight(您甚至不必将其添加到页面中即可执行此操作)。

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”事件上运行。否则,大图像,heightwidth不会因为在拍摄时尚未加载任何回报。

2020-04-25