Прочитать вход с viewChild

Question

У меня есть вход (тип файла), который я должен прочитать.Мой клиент должен выбрать 24-битный файл BMP 640x480.Я знаю, что это можно проверить в заголовке, но я не могу прочитать данные файла.Что я могу сделать, чтобы получить доступ к данным, чтобы я мог прочитать заголовок, а затем тело?

<input type="file" #originalFile (change)="fileChosen($event)" accept=".bmp">

Answer 1

Вы можете использовать FileReader для загрузки файла.Для этого вы можете сделать что-то вроде этого:

upload.component.ts :

constructor() {
    this.reader = new FileReader();
    this.reader.onloadend = this.fileLoaded;
}

fileChosen($event){
    const file file = event.srcElement.files[0];
    // Read the file type with file.type
    // Read the file size with file.size

    // Read the file with:
    // this.reader.readAsArrayBuffer
    // this.reader.readAsText
    // this.reader.readAsDataURL
}

fileLoaded() {
    // You can access the uploaded file with 'this.reader.result'
}