javascript - 画像の実際の幅と高さを取得する方法

Question

重複の可能性：
Safari / ChromeのJavaScriptで実際の画像の幅と高さを取得しますか？

画像がcssで縮小されたときにjQueryを使用して画像の実際の幅と高さを知る方法はありますか？寸法の追加データなしで-リンクやコード例は役に立ちます

Answer 1

naturalWidthとを使用してみてくださいnaturalHeight。

var domElement = $('yourImage')[0]; // or document.getElementById('yourImageId');
domElement.naturalWidth
domElement.naturalHeight

Answer 2

次のようなものを試してください。

$("<img/>").attr("src", imgSrc).load(function() {
        pic_real_width = this.width;   
        pic_real_height = this.height;          
    });

重要なのは、画像が読み込まれたときにのみ画像の実際の幅と高さにアクセスできることです。また、コンテナなしで画像を表示できない場所に画像を読み込んで（ "img"）。css（'widthを要求することもできます。 '）、しかし私はこれがそれを行うためのよりエレガントな方法だと思います。これがお役に立てば幸いです。