Getting width and height from a picture using Javascript

Question

如何使用 Javascript 从存储在目录中的图片获取宽度和高度？

Answer 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>

Getting width and height from a picture using Javascript

Question

1 answers

solution1
1 ACCPTED 2022-07-05 18:31:03

Getting width and height from a picture using Javascript

Question

1 answers

solution1 1 ACCPTED 2022-07-05 18:31:03

solution1
1 ACCPTED 2022-07-05 18:31:03