Размер изображения, отображаемого в браузере, не может быть его реальной высотой и шириной. Например, как и ниже, мы добавим к нему стили ширины и высоты.
<img src = "ie.png">
Это показывает размер в браузере, который будет 25px. Так как же получить реальный размер картинки? , Следующий код реализует эту функцию
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
</head>
<тело>
<img src = "ie.png" id = "image">
<Скрипт>
// установите задержку, чтобы убедиться, что загрузка изображения завершена
settimeout (function () {
вар
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>
Примечание: я протестировал приведенный выше код на IE7+ и Chrome, потому что я не могу проверить его, потому что IE6 не установлен.
Очень полезный код, я использую его в большинстве проектов, пожалуйста, не стесняйтесь его использовать