Détermination des dimensions d'une image à l'aide de JavaScript

Avez-vous besoin d'accéder par programme aux dimensions d'une image affichée sur votre page Web ? JavaScript offre une solution simple.

Solution :

JavaScript fournit une approche simple pour récupérer les dimensions d'une image :

1. Créer un nouvel objet Image :

   const img = new Image();

2. Définissez l'écouteur d'événement onload pour capturer le dimensions de l'image lorsqu'elle devient disponible :

   img.onload = function() {
     alert(this.width   'x'   this.height);
   }

3. Charger l'image :

   img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

Lors du chargement de l'image, l'événement onload se déclenche et affiche la largeur et la hauteur de l'image dans une boîte d'alerte. En utilisant cette technique, vous pouvez facilement accéder à la taille de n'importe quelle image de votre page Web.