webentwicklung-frage-antwort-db.com.de

JavaScript: Bildmaße abrufen

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?

67
JQueeeer
var img = new Image();

img.onload = function(){
  var height = img.height;
  var width = img.width;

  // code here to use the dimensions
}

img.src = url;
159
Shumii

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
38
nc3b

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);
});
7
DavidDunham

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");
0
Luke Knepper