Comment puis-je obtenir les dimensions d'une image à l'aide de JavaScript ?

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 de l'image :

1. Créer un nouvel objet Image :

   const img = new Image();

   Copier après la connexion

2. Définissez l'écouteur d'événement onload pour qu'il capture les dimensions de l'image lorsqu'elle devient disponible :

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

   Copier après la connexion

3. Charger l'image :

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

   Copier après la connexion

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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!