How to validate the dimensions of image before uploading it in javascript?

$(function () {
           $("#btnSubmit").bind("click", function () {
               //Get reference of FileUpload.
               var fileUpload = $("#fuLogo")[0];
               //event.preventDefault();
               if ((fileUpload.value != null && fileUpload.value != "") ||(document.getElementById("LogoDiv").style.display==="none")) {
                   //Check whether the file is valid Image.
                   var regex = /^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.jpg|.JPG|.jpeg|.JPEG|.bmp|.BMP|.png|.PNG|.ico|.ICO|.gif|.GIF)$/;
                   if (regex.test(fileUpload.value.toLowerCase())) {
                       //Check whether HTML5 is supported.
                       if (typeof (fileUpload.files) != "undefined") {
                           //Initiate the FileReader object.
                           var reader = new FileReader();
                           //Read the contents of Image File.
                           reader.readAsDataURL(fileUpload.files[0]);
                           reader.onload = function (e) {
                               //Initiate the JavaScript Image object.
                               var image = new Image();
                               //Set the Base64 string return from FileReader as source.
                               image.src = e.target.result;
                               image.onload = function () {
                                   //Determine the Height and Width.
                                   var height = this.height;
                                   var width = this.width;
                                   if (height > 150 || width > 1500) {
                                       //alert("Please upload image with valid dimensions.");
                                       //event.preventDefault();
                                       document.getElementById("lblLogoMsg").innerHTML = "Please upload image with valid dimensions.";
                                       //event.preventDefault();
                                       return false;
                                   }
                               };
                           }
                       }
                   }
               }
           });
       });