Javascript - 获取图像高度

Question

我需要使用 AJAX 在网页上显示一堆图像。它们都有不同的尺寸，所以我想在显示它们之前调整它们的大小。有没有办法在 JavaScript 中做到这一点？

对每个图像使用 PHP 的 getimagesize() 会导致不必要的性能损失，因为会有很多图像。

原文由 mrunal777 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我正在寻找一种使用 JavaScript 获取图像高度和宽度的解决方案。我发现了很多，但所有这些解决方案仅在图像存在于浏览器缓存中时才有效。

最后我找到了一个解决方案来获取图像的高度和宽度，即使图像不存在于浏览器缓存中：

 <script type="text/javascript">

  var imgHeight;
  var imgWidth;

  function findHHandWW() {
    imgHeight = this.height;
    imgWidth = this.width;
    return true;
  }

  function showImage(imgPath) {
    var myImage = new Image();
    myImage.name = imgPath;
    myImage.onload = findHHandWW;
    myImage.src = imgPath;
  }
</script>

谢谢，

比诺苏曼

http://binodsuman.blogspot.com/2009/06/how-to-get-height-and-widht-of-image.html

原文由 Binod Suman 发布，翻译遵循 CC BY-SA 3.0 许可协议