JavaScript 获取上传图像的长宽尺寸

发布于：2021.09.03 - 12:08

针对用户上传的图像，我们可以通过如下代码获取到上传文件的长宽尺寸，以结合实际应用场景做下步处理。

let img = new Image()
img.src = window.URL.createObjectURL(event.target.files[0])
img.onload = () => {
   alert(img.width + " " + img.height);
}

通常，基于用户体验的考虑，当用户上传图片尺寸不满足要求时，我们应该自动转换为对应要求的尺寸，避免让用户自己去编辑图片。当然不同的场景下，这个也不是一定的。