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

Question

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

Answer 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 复制的代码片段。

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

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

另请参阅：

• 上传前获取文件大小
• 如何在上传前检查图片宽度和高度