[JavaScript]画像の大きさを取得する

html上に表示されていない画像で、高さと幅を取得したいなーっと思い、少し調べました。

参考にしたサイトは、
JavaScript で画像本来のサイズ(幅, 高さ)を取得する
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法

var img = new Image(); img.src = "http://hoge.jpg"; //IE以外のブラウザ safari chrome if ( typeof img.naturalWidth !== 'undefined' ) { console.log(img.naturalWidth) console.log(img.naturalHeight) //IE }else{ console.log(img.height) console.log(img.width) }

IEの場合は、runtimeStyleを使うと書かれていたのですが、実際は、これで取得できなかったので、変わりに、Imageオブジェクトのwidthプロパティとheightプロパティでカバーすることができました。