Maison >interface Web >js tutoriel >Comment puis-je obtenir les dimensions d'une image à l'aide de JavaScript ?

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

Linda Hamilton
Linda Hamiltonoriginal
2024-12-16 08:06:12542parcourir

How Can I Get an Image's Dimensions Using JavaScript?

Détermination des dimensions d'une image avec JavaScript

Besoin d'un moyen de récupérer la hauteur et la largeur d'une image sur votre page Web à l'aide de JavaScript ou de jQuery ? Voici comment procéder sans effort :

Vous pouvez obtenir l'image par programme et vérifier ses dimensions à l'aide de JavaScript. Voici comment :

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 initialise un nouvel objet image et définit le gestionnaire d'événements onload à exécuter une fois l'image chargée. Au sein du gestionnaire, nous pouvons accéder aux propriétés de largeur et de hauteur de l'objet image pour récupérer ses dimensions. La personnalisation de l'URL dans l'attribut src vous permet d'obtenir les dimensions de n'importe quelle image que vous spécifiez.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn