So ermitteln Sie die tatsächliche Größe eines Bildes in JQuery

So erhalten Sie die wahre Größe des Bildes in jquery: 1. Methode 1 [.attr("src", $(''#imgid").attr("src"))]; 2. Methode 2 [theImage .src = $(''#imgid").attr( "src");].

Die Betriebsumgebung dieses Tutorials: Windows10-System, jquery2.2.4, dieser Artikel gilt für alle Computermarken.

So erhalten Sie die tatsächliche Größe des Bildes in jquery:

Erste Methode:

$("<img/>") // Make in memory copy of image to avoid css issues  在内存中创建一个img标记
    .attr("src", $(&#39;&#39;#imgid").attr("src"))
    .load(function() {
        pic_real_width = this.width;   // Note: $(this).width() will not
        pic_real_height = this.height; // work for in memory images.
    });

Zweite Methode:

var theImage = new Image(); 
theImage.src = $(''#imgid").attr( "src"); 
alert( "Width: " + theImage.width); 
alert( "Height: " + theImage.height);

Die erste Methode ist sicherer und wird garantiert nach dem Laden des Bildes erhalten.

Verwandte kostenlose Lernempfehlungen: JavaScript (Video)

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie die tatsächliche Größe eines Bildes in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!