Question

如何在不提交的情况下使用javascript获取图像的尺寸。我尝试过很多例子（比如this one），但找不到这个具体案例的解决方案。

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

<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上工作，我希望有人可以帮助我，请告诉我是否需要更多信息。

Answer 1

var _URL = window.URL || window.webkitURL;
$("#file").change(function (e) {
    var file, img;
    if ((file = this.files[0])) {
        img = new Image();
        img.onload = function () {
            alert(this.width + " " + this.height);
        };
        img.src = _URL.createObjectURL(file);
    }
});

更多信息： Check image width and height before upload with Javascript

获取图片尺寸而无需提交 - javascript

1 个答案: