JavaScript - fonction pour obtenir une largeur d'image réelle & amp; hauteur (navigateur croisé)

Question

Comment obtenir une image réelle en largeur & amp; hauteur (navigateur en travers) par la fonction JavaScript?

Answer 1

Tout d'abord, vous avez plus de chances d'obtenir une réponse à votre question si vous le posiez simplement de manière plus polie et fournissiez autant d'informations pertinentes que possible.

Quoi qu'il en soit ...

Pour autant que je sache, vous pouvez utiliser la propriété .width sur presque tous les navigateurs:

function getDimensions(id) {
    var element = document.getElementById(id);
    if (element && element.tagName.toLowerCase() == 'img') {
        return {
            width: element.width,
            height: element.height
        };
    }
}

<img id="myimage" src="foo.jpg" alt="" />

// using the function on the above image:
var dims = getDimensions('myimage');
alert(dims.width); --> shows width
alert(dims.height); --> shows height

Answer 2

var realWidth = $("#image").attr("naturalWidth");
var realHeight = $("#image").attr("naturalHeight");

Answer 3

Oui, Google !

Il existe plusieurs façons de procéder en fonction de ce dont vous avez exactement besoin (ce que vous avez inutilement oublié d'inclure). Le plus simple consiste probablement à obtenir une référence à l’objet Image et à inspecter les propriétés width et height .

Answer 4

jquery + < img src = " ... id = " bonjour " / > + $ ("hello"). width ()