How to get image size in Javascript - get width and height

How can I measure the dimensions of specific image using Javascript ? For example how can I get image width and height using onClick ?

13 Jun 2022 at 06:51 PM

Lars

Hi,

To get image width and height using Javascript, you can use the following function:

<script>

function imageSize(url) {

var img = new Image();
img.onload = function(){
var imageWidth = img.width;
var imageHeight = img.height;
alert('Width: '+imageWidth+' / Height: '+imageHeight);
}
img.src = url;
}

</script>

<a href="javascript:void(0);" onClick="javascript: imageSize('https://www.example.com/image.png');">Get image size</a>

14 Jun 2022 at 11:09 AM

Tim

How to get image size in Javascript - get width and height

How to add new line breaks in textarea using Javascript ?

onSubmit return false not working - submit form by Javascript

Prevent typing whitespace / disable spacebar in input - Javascript

Best free email providers with largest attachment size limit

Set cookies to expire in hours, minutes, seconds - Javascript

CSS font-size units PX to PT, IN, EM, REM conversion

Get cursor postion in characters in textarea - Javascript