Bonjour,
Est il possible de connaitre les dimensions d'une image ???
Bonjour,
Est il possible de connaitre les dimensions d'une image ???
lien vers la description de l'objet "image" dans la référence DOM du W3C
On peut y constater que les dimensions de l'image sont height et width.
Exemple :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4... <img src="photo.jpg" id="photo"> ...
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 var monImage = document.getElementById('photo'); var largeur = monImage.width; var hauteur = monImage.height;
Par contre, si tu as besoin de valeurs numériques pour faire des calculs ou des comparaisons, il reste encore un peu de travail à partir des chaines récupérées dans largeur et hauteur.
oui ça marche merci
est ce qu'il un truc pareille pour recuperer l'extension????
En faisant, on obtient dans la variable txtSource une chaine de caractères désignant le nom de fichier complet de cette image.
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part var txtSource = monImage.src;
Il reste encore à extraire la fin de cette chaîne, en conservant uniquement ce qui suit le point :
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 var positionDuPoint = txtSource.lastIndexOf("."); var extension = txtSource.substring(positionDuPoint + 1);
oui exactement ,
mais moi j'ai comme Src de l'image un url comment je paux recuperer le format????
Attention toutefois :
renvoie par défaut la valeur donnée aux attributs HTML width et height de la balise img, s'ils ne sont pas définis, ce sont les dimensions de l'image qui sont renvoyés.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 var monImage = document.getElementById('photo'); var largeur = monImage.width; var hauteur = monImage.height;
Pas de question technique par MP !
Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux
Mon livre sur jQuery
Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum
Partager