J'ai un JPS avec une forme dans laquelle un utilisateur peut mettre une image:
<div class="photo">
<div>Photo (max 240x240 and 100 kb):</div>
<input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/>
</div>
J'ai écrit ce 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;
}
qui fonctionne très bien pour vérifier le type et la taille du fichier. Maintenant, je veux vérifier la largeur et la hauteur de l'image mais je ne peux pas le faire.
J'ai essayé avec target.files[0].width
mais je reçois undefined
. Avec d'autres moyens que je reçois 0
.
Aucune suggestion?
À mon avis, la réponse parfaite dont vous avez besoin est
la source
Je suis d'accord. Une fois qu'il est téléchargé vers un endroit auquel le navigateur de l'utilisateur peut accéder, il est assez facile d'obtenir la taille. Comme vous devez attendre le chargement de l'image, vous voudrez vous connecter à l'
onload
événement pourimg
.la source
C'est le moyen le plus simple de vérifier la taille
Vérifiez la taille spécifique. En utilisant 100 x 100 comme exemple
la source
function validateimg (ctrl) {
la source
Attachez la fonction à la méthode onchange du fichier de type d'entrée / onchange = "validateimg (this)" /
la source
la source
la source