如何在上传之前在 angularJS/Javascript 中获取图像的高度和宽度分辨率答案

【问题标题】：how to get image height and width resolution in angularJS/Javascript before uploading如何在上传之前在 angularJS/Javascript 中获取图像的高度和宽度分辨率
【发布时间】：2021-03-23 20:35:25
【问题描述】：

我正在上传图片，上传前我需要检查图片分辨率是否大于920*675分辨率，不应该允许图片上传小于分辨率（920*675）

【问题讨论】：

AngularJS 还是 Angular (V2/4+)？
我不相信在上传之前知道大小是可能的。如果它无效，您始终可以将其设置为 null，但在上传之后。除非您是在谈论选择后上传到服务器
@Lissy -Angular JS
@AlekseySolovey ，一旦您选择要上传的图像并在上传到服务器之前提交要上传的图像，就可以获取文件大小，但不能获取它的高度和宽度分辨率。
可能：var img = new Image();、img.src = your_image; 和 img.width 和 img.height 用于您的解决方案

标签： angularjs

【解决方案1】：

var reader = new FileReader();
reader.onload = onLoadFile;
reader.readAsDataURL(filtItem._file);
          
function onLoadFile(event) {
    var img = new Image();
    img.src = event.target.result;
    console.log(img.width, img.height)
}

这是从https://github.com/nervgh/angular-file-upload/blob/master/examples/image-preview/directives.js复制的代码sn-p。

这现在是HTML5 File API 的一部分，所以简而言之你可以使用：

const i = new Image(); 
i.onload = () => console.log( i.width+", "+i.height );
i.src = imageData;

另见：

【讨论】：