文件输入（图像分析）

Question

我必须执行有角度的应用程序，其中用户必须选择BMP（24位640 x 480）文件，并且必须显示并存储它。因此，我认为我应该获取输入，检查大小，然后显示数据。我有2个相关的问题。

首先，我如何知道BMP是否为24位640 x 480？

第二，如何获取BMP数据以显示它，同时又将其发送到服务器？

HTML：

<h1>Image: </h1> <input type="file" (change)="onFileChanged($event)" accept=".bmp">
<img #preview>

TS：

@ViewChild("preview")
private preview: ElementRef;

public onFileChanged(event): void {
      this.preview.nativeElement.src = URL.createObjectURL(event.target.files[0]);
      if (this.preview.nativeElement.width == 640 || this.preview.nativeElement.height == 480) {
           console.log("this is the right size");
     }
}

所有这些代码所做的就是无论如何都显示图像。