Wie kann ich Bildabmessungen mithilfe von JavaScript ermitteln?

Bestimmen der Bildabmessungen mithilfe von JavaScript

Müssen Sie programmgesteuert auf die Abmessungen eines auf Ihrer Webseite angezeigten Bildes zugreifen? JavaScript bietet eine einfache Lösung.

Lösung:

JavaScript bietet einen unkomplizierten Ansatz zum Abrufen von Bildabmessungen:

1. Erstellen Sie ein neues Bildobjekt:

   const img = new Image();

2. Legen Sie den Onload-Ereignis-Listener zum Erfassen fest die Bildabmessungen, sobald es verfügbar ist:

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

3. Laden Sie das Bild:

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

Beim Laden des Bildes wird das Onload-Ereignis ausgelöst und zeigt die Breite und Höhe des Bildes in einem Warnfeld an. Mit dieser Technik können Sie ganz einfach auf die Größe jedes Bildes auf Ihrer Webseite zugreifen.

Das obige ist der detaillierte Inhalt vonWie kann ich Bildabmessungen mithilfe von JavaScript ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!