obtenir les dimensions d'image téléchargées avec javascript/jquery?

Question

aussi essayer cela mais pour moi ça ne marche pas.

Determining image file size + dimensions via Javascript?

je télécharger l'image, l'insérer sur la page par jquery et que vous souhaitez créer div image insérée autour, mais ne savent pas les dimensions de l'image.

$("#temp_image").html('<img src="uploads/obr1.jpg" alt="" id="tmp" />'); 
var img = document.getElementById('temp_image'); 
alert(img.clientWidth); 

0 0 0 0 0, quel est le problème?

aussi essayé:

var oImg = new Image(); 
oImg.src = 'uploads/obr1.jpg; 
if (oImg.complete) { 
    alert(oImg.width) 
} 

il me montre 0 aussi.

où est le problème? grâce

Answer 1

devrait être:

$("#temp_image").html('<img src="uploads/obr1.jpg" alt="" id="tmp" />'); 
var img = document.getElementById('tmp'); 
alert(img.clientWidth); 

Vous essayez actuellement d'obtenir la largeur de la div contenant (#temp_image), pas l'image.

En outre, si vous utilisez jQuery, vous pouvez simplement faire:

$("#temp_image").html('<img src="uploads/obr1.jpg" alt="" id="tmp" />'); 
alert($('#tmp').width()); 

Hope this helps!

Answer 2

var img = document.getElementById('temp_image'); 

ne vous donne pas vraiment l'élément d'image, il obtient l'élément contenant l'image. Vous devriez essayer

var img = document.getElementById('tmp'); 

ou

var img = $('#tmp')[0]; 

à la place. Assurez-vous également que l'image est réellement visible lorsque vous obtenez ses dimensions, clientWidth et clientHeight sera zéro si l'élément est caché.

Answer 3

J'ai essayé votre méthode et cela fonctionne. Vous ne l'avez pas bien écrit. Vous avez oublié de fermer les citations.

var oImg = new Image(); 
oImg.src = 'uploads/obr1.jpg'; 
if (oImg.complete) { 
    alert(oImg.width) 
}