Vérifier dimensions d'une image côté client [javascript]

<input name="getimage" type="file" id="getimage"><p> </p>
<div class="error left-align" id="err-imgsize">Les dimensions de l'image sont trop grandes<p> </p></div>
<div id="imgstore"></div>

<script>
var input = document.getElementById("getimage");

function verifTaille(){
    file =input.files[0];
    window.URL = window.URL || window.webkitURL;
    img = new Image();
    
    img.onload = function(){
        if(img.width > 800 || img.height > 600){
            pasGlop(img.width-800, img.height-600);
        }else{
            glop(img.width, img.height);
        }
    }
    img.src = window.URL.createObjectURL(file);
}
        
function glop(width, height){
    var store = document.getElementById('imgstore');
 store.innerHTML='<img src="' + img.src +'" width="100%">';
}

function pasGlop(width, height){
   

// pour une alerte
 var str = "votre image est trop "
    if(width>0){str+="large de "+width+"px";}
    if(width>0 && height>0){str+=" et trop ";}
    if(height>0){str+="haute de "+height+"px.";}
    alert(str);
 
 var store = document.getElementById('imgstore');
 store.innerHTML='';
 
 document.getElementsByName("getimage")[0].value = ""; //efface le input

 
 //pour une animation, avec le css et la balise class=error
            $('#err-imgsize').show(500);
            $('#err-imgsize').delay(4000);
            $('#err-imgsize').animate({
                height: 'toggle'
            }, 500, function () {
                // Animation complete.
            });
            error = true; // change the error state to true
        
}

input.onchange=verifTaille; 
</script>

.error {
    color: #CF0000;
    display: none;
}
.invisible {
    display:none;
    visibility:visible;
}