Holen Sie sich die Breite des entfernten Bildes von der URL

So die Warnung gibt Undefinierte Werte für die Breite und Höhe. Ich denke, die w-und h-Werte des Bildes von der img.onload-Berechnung nicht an die Werte zurückgeben, oder Sie können zurückkehren, w und h vor onload berechnet Sie:

function getMeta(url){
 var w; var h;
 var img=new Image;
 img.src=url;
 img.onload=function(){w=this.width; h=this.height;};
 return {w:w,h:h}    
}

//"http://snook.ca/files/mootools_83_snookca.png" //1024x678
//"http://shijitht.files.wordpress.com/2010/08/github.png" //128x128

var end = getMeta("http://shijitht.files.wordpress.com/2010/08/github.png");
var w = end.w;
var h = end.h;
alert(w+'width'+h+'height');

Wie kann ich die alert-Karte die richtige Breite und Höhe?

http://jsfiddle.net/YtqXk/

Kommentar zu dem Problem
Der Grund, warum es nicht funktioniert ist, weil an der Stelle, wenn Sie return die Breite und Höhe Werte, die Sie noch nicht bekannt sind. Sie benötigen, um mit dem Ergebnis inside mit der onload callback. Sie sollten wahrscheinlich machen die callback-Funktion eine zweite argument von getMeta Funktion. Kommentarautor: powerbuoy

InformationsquelleAutor der Frage Wonka | 2012-07-11

  1. 76

    Bekommen Bildgröße mit jQuery

    function getMeta(url){
    $("<img/>",{
        load : function(){
            alert(this.width+' '+this.height);
        },
        src  : url
    });
}

    Bild Größe mit JavaScript

    function getMeta(url){   
    var img = new Image();
    img.onload = function(){
        alert( this.width+' '+ this.height );
    };
    img.src = url;
}

    Bild Größe mit JavaScript (moderne Browser IE9+ )

    function getMeta(url){   
    var img = new Image();
    img.addEventListener("load", function(){
        alert( this.naturalWidth +' '+ this.naturalHeight );
    });
    img.src = url;
}

    Verwenden Sie die oben genannten einfach als: getMeta( "http://example.com/img.jpg" );

    https://developer.mozilla.org/en/docs/Web/API/HTMLImageElement

    InformationsquelleAutor der Antwort Roko C. Buljan

  2. 7

    Den w und h Variablen in img.onload - Funktion sind nicht im gleichen Umfang mit den in der getMeta() Funktion. Ein Weg, es zu tun, ist wie folgt:

    Fiddle: http://jsfiddle.net/ppanagi/28UES/2/

    function getMeta(varA, varB) {
    if (typeof varB !== 'undefined') {
       alert(varA + ' width ' + varB + ' height');
    } else {
       var img = new Image();
       img.src = varA;
       img.onload = getMeta(this.width, this.height);
    }
}


getMeta("http://snook.ca/files/mootools_83_snookca.png");

    InformationsquelleAutor der Antwort Panagiotis Panagi

Schreibe einen Kommentar