如果您可以使用jQuery驗證插件，您可以這樣做：

HTML：

<input type="file" name="photo" id="photoInput" />

JavaScript：

$.validator.addMethod('imagedim', function(value, element, param) {
  var _URL = window.URL;
        var  img;
        if ((element = this.files[0])) {
            img = new Image();
            img.onload = function () {
                console.log("Width:" + this.width + "   Height: " + this.height);
                //this will give you image width and height and you can easily validate here....

                return this.width >= param            };
            img.src = _URL.createObjectURL(element);
        }});

該函數作為ab onload函數傳遞。

代碼取自這里

演示

不確定這是否是你想要的，只是簡單的例子：

var input = document.getElementById('input');input.addEventListener("change", function() {
    var file  = this.files[0];
    var img = new Image();

    img.onload = function() {
        var sizes = {
            width:this.width,
            height: this.height        };
        URL.revokeObjectURL(this.src);

        console.log('onload: sizes', sizes);
        console.log('onload: this', this);
    }

    var objectURL = URL.createObjectURL(file);

    console.log('change: file', file);
    console.log('change: objectURL', objectURL);
    img.src = objectURL;});