Getting width and height from a picture using Javascript

Question

How can I get width and height from a picture stored in a directory using Javascript?

Edwin Torres · Accepted Answer · 2022-07-05 18:31:03Z

1

From a web browser:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Image Dimensions</title>
</head>

<body>
  <img id="myImage" src="image.png">

  <script>
  var img = document.getElementById("myImage");
  img.onload = function (event) {
    console.log(`natural: ${img.naturalWidth}, ${img.naturalHeight}`);
    console.log(`width,height: ${img.width}, ${img.height}`);
    console.log(`offset: ${img.offsetWidth}, ${img.offsetHeight}`);
  }
  </script>

</body>
</html>

answered Jul 5, 2022 at 18:31

Edwin Torres

2,8641 gold badge15 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eduardo Over a year ago

Muchas gracias!

Collectives™ on Stack Overflow

Getting width and height from a picture using Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related