Ich habe nur eine URL zu einem Bild. Ich muss die Höhe und Breite dieses Bildes nur mit JavaScript bestimmen. Das Bild ist für den Benutzer auf der Seite nicht sichtbar. Wie kann ich seine Abmessungen bekommen?
var img = new Image();
img.onload = function(){
var height = img.height;
var width = img.width;
// code here to use the dimensions
}
img.src = url;
Machen Sie eine neue Image
var img = new Image();
Setze die src
img.src = your_src
Besorgen Sie sich die width
und die height
//img.width
//img.height
Dies verwendet die Funktion und wartet, bis sie abgeschlossen ist.
http://jsfiddle.net/SN2t6/118/
function getMeta(url){
var r = $.Deferred();
$('<img/>').attr('src', url).load(function(){
var s = {w:this.width, h:this.height};
r.resolve(s)
});
return r;
}
getMeta("http://www.google.hr/images/srpr/logo3w.png").done(function(test){
alert(test.w + ' ' + test.h);
});
Eine ähnliche Frage wurde mit JQuery hier gestellt und beantwortet:
Breite der Höhe des entfernten Bildes von der URL abrufen
function getMeta(url){
$("<img/>").attr("src", url).load(function(){
s = {w:this.width, h:this.height};
alert(s.w+' '+s.h);
});
}
getMeta("http://page.com/img.jpg");