[解決済み] クロスブラウザで画像の元サイズを判定する？

質問

の物理的な寸法を決定する、信頼性が高く、フレームワークに依存しない方法はありますか? <img src='xyz.jpg'> の物理的な寸法を決定する、フレームワークに依存しない信頼性の高い方法はありますか？

どのように解決するのですか？

2つの方法があります。

オプション1:

を削除します。 width と height の属性を読み込んで offsetWidth と offsetHeight

オプション2です。

JavaScriptを作成する Image オブジェクトを作成し src を設定し width と height (を追加する必要があります（これを行うには、ページに追加する必要もありません）。

function getImgSize(imgSrc) {
    var newImg = new Image();

    newImg.onload = function() {
      var height = newImg.height;
      var width = newImg.width;
      alert ('The image size is '+width+'*'+height);
    }

    newImg.src = imgSrc; // this must be done AFTER setting onload
}

編集者：Pekka : コメントで合意されたように、私は画像の´onload´イベント上で実行されるように関数を変更しました。そうでなければ、大きな画像で height と width では画像がまだ読み込まれていないため、何も返しません。