Как определить высоту изображения после загрузки файла в Angular - PullRequest
Новая
       57

Как определить высоту изображения после загрузки файла в Angular

0 голосов
/ 13 июля 2020

Я работаю в проекте Angular 9.

У меня есть компонент, в котором пользователь может загрузить файл изображения. Я использую это HTML: 

<button color="primary" class="mat-elevation-z2" mat-raised-button (click)="documentUpload.click()">
Upload Image
</button>
<input #documentUpload type="file" id="documentUpload" name="documentUpload" 
(change)="onDocumentSelected($event)" accept=".png" style="display:none;" />

Затем в TS у меня есть: 

onDocumentSelected(event: any) {
    const fileList: FileList = event.target.files;
    if (fileList.length > 0) {
      const file = fileList[0];
      this.uploadImage(file);
    }
}

На этом этапе я могу взять этот файл и загрузить его в БД. Однако теперь мне нужно ограничить высоту изображения, я надеюсь, что в onDocumentSelected() я смогу определить высоту изображения, и если оно слишком велико, отправить сообщение об ошибке, если не должно go через с отправкой изображения в БД.

Как мне определить высоту этого изображения? Чтобы уточнить, мне нужна высота, а не размер файла (мне нужно знать, на сколько пикселей высотой изображение). Я просмотрел этот пост , но он не очень полезен, так как я не использую onload() (? Мне это не нужно?), И когда я пытаюсь использовать свойство .height в в файле говорится, что собственности там не существует.

Любая помощь будет принята с благодарностью.

...