Ho un JPS con un modulo in cui un utente può inserire un'immagine:
<div class="photo">
<div>Photo (max 240x240 and 100 kb):</div>
<input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/>
</div>
Ho scritto questo 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;
}
che funziona bene per controllare il tipo e la dimensione del file. Ora voglio controllare la larghezza e l'altezza dell'immagine ma non posso farlo.
Ho provato con target.files[0].width
ma ottengo undefined
. Con altri modi ottengo 0
.
Eventuali suggerimenti?