Ввод файла (анализ изображения)

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");
     }
}

Все, что делает этот код, это показывает изображение, несмотря ни на что.