使用JQuery上传之前获取图像大小

Question

伙计我有一个表单，允许用户上传图像然后使用JQuery检查它，然后再将其传递给php。 这是我的jquery代码，向用户显示他上传的图像大小：

//getting uploaded file size
var globalSizeVar = 4000;
$("#petImageButton").change(function(){
    var iSize = ($("#petImageButton")[0].files[0].size / 1024); 
    if (iSize / 1024 > 1){ 
        if (((iSize / 1024) / 1024) > 1){ 
            iSize = (Math.round(((iSize / 1024) / 1024) * 100) / 100);
            $("#imageSizeSmall").text("File size : " + iSize + "Gb"); 
        }else{ 
            iSize = (Math.round((iSize / 1024) * 100) / 100)
            $("#imageSizeSmall").text(" - File size : " + iSize + "Mb"); 
        } 
    }else{
        iSize = (Math.round(iSize * 100) / 100)
        $("#imageSizeSmall").text(" - File size : " + iSize  + "kb");
        globalSizeVar = iSize;
    } 
});

这是检查图像大小的jquery代码：

if(globalSizeVar <= 2000) //this condition is wrong when my image size become more than 1 mb or something

我试图将它从2000增加到3000，但没有任何反应..请帮忙吗？