javascript - 无需提交即可获取图像尺寸 - javascript

Question

如何在不提交的情况下使用 javascript 获取图像的尺寸。我已经尝试了很多示例（例如这个），但找不到针对这种特定情况的解决方案。

我正在使用 asp.net mvc3（带剃刀），这是视图：

<div>
    @Html.LabelFor(model => model.Image, "Image")
    <input type="file" id="image" name="uploads" onchange="previewImage(this);" />
</div>
<div>
    @Html.Label("Image Preview")
    <div id="preview_image" style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)">
    </div>
</div>

这是预览图像的功能：

function previewImage(imgFile)
{    
    var newPreview = document.getElementById("preview_image");
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    newPreview.style.width = "120px";
    newPreview.style.height = "120px";
} 

我必须这样做，因为我需要它在 IE8 和 IE9 上工作，我希望有人可以帮助我，如果需要更多信息，请告诉我。