[JavaScript] 画像のオリジナル サイズを取得する 最もシンプルな方法 - こじょらぼ

JavaScript で画像のオリジナル サイズ (表示サイズではなく本来の幅と高さ)を取得する方法です。 しかも、シンプルに。 取得方法とサンプルコード var img = new Image(); img.src = 'http://image.src.com/image.jpg'; var width = img.width; // 幅 var height = img.height; // 高さ 理屈は簡単で、 新しい Image オブジェクトを作成 その src にオリジナル サイズを取得したい画像を指定 その Image オブジェクトから幅と高さを取得 src しか指定していない Image ですから、当然、オリジナルのサイズが取得できるはず！ 注意点 読み込み済みのページに表示されている画像について、 img タグの height 属性や width 属性を無視してオリジナル