Eu tenho um JPS com um formulário no qual um usuário pode colocar uma imagem:
<div class="photo">
<div>Photo (max 240x240 and 100 kb):</div>
<input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/>
</div>
Eu escrevi este 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;
}
o que funciona bem para verificar o tipo e tamanho do arquivo. Agora quero verificar a largura e a altura da imagem, mas não consigo.
Eu tentei com target.files[0].width
mas entendo undefined
. De outras maneiras eu entendo 0
.
Alguma sugestão?