设置 maxHeight 和 maxWidth 和 auto 后获取高度和宽度 - 纯 javascript答案

【问题标题】：Get height and width after setting maxHeight and maxWidth and auto - pure javascript设置 maxHeight 和 maxWidth 和 auto 后获取高度和宽度 - 纯 javascript
【发布时间】：2012-02-06 16:29:55
【问题描述】：

用javascript设置maxHeight和maxWidth后是否可以获取图片的宽高？

$new_image = new Image();
$new_image.src = 'xxx.jpg';
$new_image.style.maxHeight = '500px';
$new_image.style.maxWidth = '600px';
$new_image.style.height = 'auto';
$new_image.style.width = 'auto';
alert('CURRENT WIDTH AND HEIGHT IF IMAGE IS 1000 X 1000 PX');

我知道如何获取 maxheight 值，但这可能不是实际大小，因为图像设置为“自动”的高度和宽度。

没有 jquery 答案谢谢！ :)

【问题讨论】：

实际大小 1000 可以是大于 max-height 和 max-width 的任何数字...

标签： javascript height width

【解决方案1】：

您可以为此使用 dom 元素属性 clientHeight 和 clientWidth

【讨论】：

我需要在获取clientHeight之前附加图片。谢谢！

【解决方案2】：

offsetHeight 和 offsetWidth 会得到你想要的，并考虑到 maxWidth 和 maxHeight。请记住，img 对象必须是 DOM 的一部分才能具有任何尺寸。因此，您需要在 offsetHeight 和 width 返回任何有用的信息之前添加 document.body.appendChild($new_image) 之类的内容。

【讨论】：