Javascript jquery检测图像宽度和高度

Javascript jquery检测图像宽度和高度,javascript,jquery,Javascript,Jquery,我正在尝试为提交配置文件图片功能创建一个表单,我想将图像大小限制为150 x 150,在我转到服务器端之前,我想首先在客户端验证它 虽然我不确定我做错了什么,但这对我来说是有意义的,但它无法检测图像宽度。这是我的密码 $(function(){ var fileInput = $('.upload-file'); var maxSize = fileInput.data('max-size'); $('.register').submit(function(e){ if(fileI

我正在尝试为提交配置文件图片功能创建一个表单,我想将图像大小限制为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)的原因是检查是否检测到了宽度,但它没有被检测到。

如果(parseInt(theimgWidth)!=“150”){alert(theimgWidth);}它得到了高度吗?不,它的统计数据未定义=/您可以使用文件Api获得图像宽度和高度