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');

可能不需要自动（可以保持纵横比）

上传时获取图像尺寸

2 个答案: