使用viewChild读取输入

时间:2018-09-18 14:57:14

标签: html angular html5 input viewchild

我有一个输入(类型文件),我必须阅读。我的客户必须选择一个640x480 24位BMP文件。我知道可以在标头中对此进行验证,但无法读取文件的数据。我该怎么做才能访问数据,以便可以读取标头然后读取正文?

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

1 个答案:

答案 0 :(得分:0)

您可以使用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'
}