Angular2 + Typescript + FileReader.onLoad = 属性不存在

在使用Angular 2和TypeScript进行开发时，处理文件上传是一个常见的需求。其中，使用FileReader来读取文件内容是一种常见的方法。然而，有时候你可能会遇到一个问题，即在尝试为FileReader的onLoad事件绑定处理程序时，遇到了"属性不存在"的错误。在本文中，我们将深入探讨这个问题，并提供解决方案的案例代码。

typescript
import { Component } from '@angular/core';
@Component({
  selector: 'app-file-upload',
  template: `
    
  `,
})
export class FileUploadComponent {
  handleFileInput(event: any): void {
    const file = event.target.files[0];
    this.readFile(file).then((content: string) => {
      // 在这里执行文件加载完成后的操作
      console.log('File content:', content);
    });
  }
  readFile(file: File): Promise {
    return new Promise((resolve, reject) => {
      const reader = new FileReader();
      reader.onload = () => {
        // 文件加载完成后，将内容传递给Promise的resolve方法
        resolve(reader.result as string);
      };
      reader.onerror = () => {
        // 文件加载失败时，将错误传递给Promise的reject方法
        reject('Error reading file');
      };
      reader.readAsText(file);
    });
  }
}