JavaScript: Obtenir les dimensions de l'image

Question

Je n'ai qu'une URL vers une image. Je dois déterminer la hauteur et la largeur de cette image en utilisant uniquement JavaScript. L'image ne peut pas être visible pour l'utilisateur sur la page. Comment puis-je obtenir ses dimensions?

Answer 1

var img = new Image();

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

  // code here to use the dimensions
}

img.src = url;

Answer 2

Faire une nouvelle Image

var img = new Image();

Définir la src

img.src = your_src

Obtenez le width et le height

//img.width
//img.height

Answer 3

Cela utilise la fonction et attend la fin.

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

Answer 4

Une question similaire a été posée et répondue à l'aide de JQuery ici:

Obtenir la largeur hauteur de l'image distante à partir de l'URL

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");