ブラウザに表示される画像のサイズは、実際の高さと幅ではない場合があります。たとえば、以下のように、幅と高さのスタイルを追加します。
<img src = "ie.png">
これは、ブラウザのサイズが25pxになることを示しています。それでは、どのようにして写真の本当のサイズを手に入れるのでしょうか？ 、次のコードがこの関数を実装します
コードコピーは次のとおりです。
<！doctype html>
<html>
<head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
</head>
<body>
<img src = "ie.png" id = "image">
<スクリプト>
//遅延を設定して、画像の読み込みが完了していることを確認してください
setimeout（function（）{
var
real_width、
real_height、
_im = document.getElementById（ 'Image'）、
im = document.createelement（ 'img'）;
im.src = _im.src、
real_width = im.width、
real_height = im.height;
alert（real_width+'/n'+real_height）;
}、500）;
</script>
</body>
</html>
注：IE6がインストールされていないためにテストできないため、IE7+とChromeで上記のコードをテストしました。
非常に便利なコード、私はほとんどのプロジェクトでそれを使用しています、お気軽に使用してください