JavaScript 获取图像尺寸

在网页中，经常需要获取图像的尺寸信息。JavaScript 提供了多种方法来实现这一功能。

使用 Image 对象来获取图像尺寸

可以使用 JavaScript 的 Image 对象来获取图像尺寸。以下是一个示例代码片段：

let img = new Image();
img.onload = function() {
  console.log("图像宽度：" + this.width);
  console.log("图像高度：" + this.height);
};
img.src = "image.jpg";

上述代码创建了一个 Image 对象，并指定了其加载完成后的回调函数。在回调函数中，可以通过 this.width 和 this.height 属性来获取图像的宽度和高度。

使用 FileReader 对象来获取图像尺寸

如果已经有了关于图像二进制数据的 Blob 或 File 对象，可以使用 JavaScript 的 FileReader 对象来获取图像尺寸。以下是一个示例代码片段：

let file = document.getElementById("fileInput").files[0];
let reader = new FileReader();
reader.onload = function() {
  let img = new Image();
  img.onload = function() {
    console.log("图像宽度：" + this.width);
    console.log("图像高度：" + this.height);
  };
  img.src = this.result;
};
reader.readAsDataURL(file);

上述代码中，首先从文件输入框中获取到选中的文件，然后创建一个 FileReader 对象，并指定了其加载完成后的回调函数。在回调函数中，先创建一个 Image 对象，然后通过 this.result 属性将文件的二进制数据转换为图像的 URL，最终获取到图像的宽度和高度。

结语

以上就是 JavaScript 获取图像尺寸的两种常用方法。使用这些方法，可以方便地获取到图像的尺寸信息，并根据需要进行操作。