Wie kann ich mit JavaScript die Abmessungen eines Bildes ermitteln?

Bestimmen der Bildabmessungen mit JavaScript

Benötigen Sie eine Möglichkeit, die Höhe und Breite eines Bildes auf Ihrer Webseite mithilfe von JavaScript oder jQuery abzurufen? So geht das mühelos:

Sie können das Bild programmgesteuert abrufen und seine Abmessungen mithilfe von JavaScript überprüfen. So geht's:

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';

Dieser Code initialisiert ein neues Bildobjekt und definiert den Onload-Ereignishandler, der ausgeführt werden soll, sobald das Bild geladen ist. Innerhalb des Handlers können wir auf die Breiten- und Höheneigenschaften des Bildobjekts zugreifen, um dessen Abmessungen abzurufen. Durch Anpassen der URL im src-Attribut können Sie die Abmessungen jedes von Ihnen angegebenen Bildes erhalten.

Das obige ist der detaillierte Inhalt vonWie kann ich mit JavaScript die Abmessungen eines Bildes ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!