JavaScriptで、imgタグのwidthとオリジナルの画像のwidthを簡単に取得する方法

2013年8月20日2016年5月10日

JavaScriptでフツウに画像サイズを取得する場合

<img src="https://gendosu.jp/wp-content/themes/twentyten/images/headers/cherryblossoms.jpg" width="470″ height="99″ id="image">

image = $('#image');
image.width // imgタグのwidth => 470
image.height // imgタグのheight => 99

といった感じですが、オリジナルの画像サイズは940×198なので、そのサイズがとりたい。

という場合ですが

image = $('#image');

tmpImage = new Image();
tmpImage.src = image.src;
tmpImage.widht// imgタグのwidth => 940
tmpImage.height // imgタグのheight => 198

という感じで取得出来ます。