javascript - 提示上传图片的宽高

Question

我正在寻找一些方法来提示使用asp文件上传控件上传的图像的宽度和高度。以下是我用来提示文件大小消息的代码。我只想添加使用该上传控件上传的图像的宽度和高度。请注意，我不能在这里使用 javascript DOM，img.clientWidth因为没有这样的 html 对象来调用它。

这是JS代码

$(document).ready(function () {
    $("#<%= fupNewImage.ClientID %>").bind("change", function () {
        var fSize = ((this.files[0].size) / 1024).toFixed(2);
        if (fSize <= 200) {
            $("#fupSize").html('Good file size: ' + fSize + " kb  Width=? and Height=?" ); // ? denotes the actual value to be put.
        }
        //---------More cases
    });
});

Answer 1

解决了！！

感谢@Esailija

经过大量搜索，我终于找到了锻炼@REF https://stackoverflow.com/a/8904008/1584140

var _URL = window.URL || window.webkitURL;
    $("#<%= fupNewImage.ClientID %>").bind("change", function () {
        //================Changed Code===================
        var file, img;
        if ((file = this.files[0])) {
            img = new Image();
            img.onload = function () {
                var fSize = ((file.size) / 1024).toFixed(2);
                var WH = " Widht: " + this.width + "px & Height: " + this.height + "px";

                if (fSize <= 200) {
                    $("#fupSize").html('Good file size: ' + fSize + " kb" + WH);
                }
            };
            img.onerror = function () {
                alert("not a valid file: " + file.type);
            };
            img.src = _URL.createObjectURL(file);
        }
        //====================================
    });
});