Comment puis-je obtenir la largeur et la hauteur d'une image à l'aide de JavaScript ou de jQuery ?

Obtention des dimensions de l'image avec JavaScript

Question :

Est-il possible de récupérer par programme le dimensions (largeur et hauteur) d'une image sur une page Web à l'aide de JavaScript ou jQuery ?

Réponse :

Oui, vous pouvez obtenir les dimensions d'une image sur une page Web en utilisant JavaScript ou jQuery. Voici comment :

JavaScript :

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

Ce code crée un nouvel objet image et lui attribue un écouteur d'événement de chargement. Lorsque le chargement de l'image est terminé, l'écouteur d'événements est déclenché et calcule et alerte la largeur et la hauteur de l'image. Remplacez l'URL de l'image fournie par l'image réelle que vous souhaitez vérifier.

jQuery :

jQuery propose une fonction intégrée pour récupérer les dimensions de l'image :

const imgHeight = $('img').height();
const imgWidth = $('img').width();

Remplacez simplement le sélecteur '$('img')' par le sélecteur approprié pour votre élément d'image.

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!