Wie kann ich die Breite und Höhe eines Bildes mithilfe von JavaScript oder jQuery ermitteln?

Bildabmessungen mit JavaScript abrufen

Frage:

Ist es möglich, das programmgesteuert abzurufen? Abmessungen (Breite und Höhe) eines Bildes auf einer Webseite mithilfe von JavaScript oder jQuery?

Antwort:

Ja, Sie können die Abmessungen eines Bildes auf einer Webseite mithilfe von JavaScript oder jQuery ermitteln. So geht's:

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

Dieser Code erstellt ein neues Bildobjekt und weist ihm einen Ladeereignis-Listener zu. Wenn das Bild vollständig geladen ist, wird der Ereignis-Listener ausgelöst, der die Breite und Höhe des Bildes berechnet und eine Warnung ausgibt. Ersetzen Sie die angegebene Bild-URL durch das tatsächliche Bild, das Sie überprüfen möchten.

jQuery:

jQuery bietet eine integrierte Funktion zum Abrufen von Bildabmessungen:

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

Ersetzen Sie einfach den Selektor „$('img“)“ durch den passenden Selektor für Ihr Bildelement.

Das obige ist der detaillierte Inhalt vonWie kann ich die Breite und Höhe eines Bildes mithilfe von JavaScript oder jQuery ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!