Compruebe el ancho y la altura de la imagen antes de cargar con Javascript

Tengo un JPS con un formulario en el que un usuario puede poner una imagen:

<div class="photo">
    <div>Photo (max 240x240 and 100 kb):</div>
    <input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/>
</div>

He escrito esto js:

function checkPhoto(target) {
    if(target.files[0].type.indexOf("image") == -1) {
        document.getElementById("photoLabel").innerHTML = "File not supported";
        return false;
    }
    if(target.files[0].size > 102400) {
        document.getElementById("photoLabel").innerHTML = "Image too big (max 100kb)";
        return false;
    }
    document.getElementById("photoLabel").innerHTML = "";
    return true;
}

que funciona bien para verificar el tipo y el tamaño del archivo. Ahora quiero verificar el ancho y el alto de la imagen, pero no puedo hacerlo.
He intentado contarget.files[0].width pero me saleundefined. Con otras formas obtengo0.
¿Alguna sugerencia

Respuestas a la pregunta(10)

Su respuesta a la pregunta