jquery检测图像的宽度和高度

Question

我正在尝试为提交个人资料图片功能制作一个表单，我希望将图片的大小限制为150 x 150，在我进入服务器端之前，我想首先在客户端进行验证

我不确定我做错了什么，这对我来说很有意义，但它不会检测图像宽度。这是我的代码

$(function(){
var fileInput = $('.upload-file');
var maxSize = fileInput.data('max-size');



$('.register').submit(function(e){
    if(fileInput.get(0).files.length){

        var fileSize = fileInput.get(0).files[0].size; // in bytes
        var ext = $('.upload-file').val().split('.').pop().toLowerCase();
        var theimgWidth = fileInput.get(0).files[0].width;
        var theimgHeight = $('.upload-file').height();

        if(fileSize>maxSize){
        alert('File size is bigger than 100kb');
        return false;
        }else if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1){
        alert('invalid extension!');
        return false;
        }else if(theimgWidth != '150'){
        alert(theimgWidth);
        return false;
        }else if(imgHeight != '150'){
        alert('invalid dimension!');
        return false;
        }

    }else{
    alert('choose file, please');
    return false;
    }

    });

我提出警告（theimgWidth）的原因是检查是否检测到宽度，但未检测到。