是否有可靠的,独立于框架的方法来确定<img src='xyz.jpg'>客户端调整大小的物理尺寸?
<img src='xyz.jpg'>
您有2个选项:
选项1:
删除width和height属性,然后读取offsetWidth和offsetHeight
width
height
offsetWidth
offsetHeight
选项2:
创建一个JavaScript Image对象,设置src,然后读取width和height(您甚至不必将其添加到页面中即可执行此操作)。
Image
src
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不会因为在拍摄时尚未加载任何回报。