Вы можете просто использовать JavaScript-свойство clientWidth
, чтобы получить текущую ширину и высоту изображения. Это свойство округляет значение до целого числа.
Давайте посмотрим на следующий пример, чтобы понять, как это работает:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Find Current Image Width and Height</title>
<script>
function imgSize(){
var myImg = document.querySelector("#sky");
var currWidth = myImg.clientWidth;
var currHeight = myImg.clientHeight;
alert("Current width=" + currWidth + ", " + "Original height=" + currHeight);
}
</script>
</head>
<body>
<img src="sky.jpg" id="sky" width="250" alt="Cloudy Sky">
<p><button type="button" onclick="imgSize();">Получить текущий размер изображения</button></p>
</body>
</html>