javascript - 上传时获取图像的尺寸

Question

在浏览和上传图像时，我想知道图像的高度和宽度，并基于此调整大小并显示它。我可以用javascript实现这个吗？

我正在尝试以下代码，但它只能在 IE 中工作，请问还有其他解决方案吗？

 img_id++;
 var id="imgid"+img_id;
 image = document.getElementById('submit').value;
 document.getElementById('div').innerHTML="<img id='"+id+"' src='"+image+"' >";
 document.getElementById(id).style.visibility="hidden";
 alert(document.getElementById(id).offsetWidth +'by'+document.getElementById(id).offsetHeight);

谢谢。

Answer 1

你为什么分配'div'作为id？'div' 是 HTML 中的标签：

document.getElementById('div').innerHTML="<img id='"+id+"' src='"+image+"' >";

将其更改为其他内容并检查它是否有效。

Answer 2

您是否希望保持纵横比？

您是否尝试过像这样设置css：

$('#theImage').css('height', WHATEVER_SIZE);
$('#theImage').css('width','auto');

可能不需要自动（这将保持你的纵横比）