javascript - で参照されている画像の自然なサイズを取得する方法javascriptで

Question

私のウェブページinputにタイプがあります。"image"その元の画像（DOM要素ではない）の寸法を取得したい。javascriptでそれを行う方法は？

私が知っている唯一の解決策は、src属性の値を取得し、画像を手動でロードして、ここで説明するようにそのサイズを取得することです。しかし、画像はページに表示されているので、すでに読み込まれていることはわかっています。

Answer 1

その上に追加のスタイルがなくなったら、タグと同じものを<input type="image"使用できます（デフォルトでは、ボタンの幅/高さはsrc画像と同じになります）。残念ながら、どのブラウザも画像タイプの入力をサポートしていません。デモclientWidth/clientHeightimgnaturalWidth/naturalHeight

同時に、画像の幅/高さを取得するために追加のimg要素を使用しても大きな問題はありません。ほとんどの場合、画像はキャッシュから取得されます。