在Angular 6中出现错误项目部署

Question

由于图像上载和预览功能，部署时出错。

源代码中的函数'结果'字标记为红线。但是功能工作和图像可以成功地在模板中进行。

我的问题是代码工作正常，但无法部署。请给我一个更改源代码的建议或告诉我我的错误。

CLI中出错

ERROR in src/app/register/register.component.ts(74,36): error TS2339: Property 'result' does not exist on type 'EventTarget'.

源代码中的错误/警告

Property 'result' does not exist on type 'EventTarget'

Component.ts

如果控制台'eventURL'那么该数组有'result'元素

 onFileChanged(event: any) {
   if(event.target.files && event.target.files.length) {
       this.filesToUpload = event.target.files[0];
       this.filesName = uuid();

       var reader = new FileReader();
       reader.readAsDataURL(event.target.files[0]); 
       reader.onload = (eventURL) => { 
       this.url = eventURL.target.result;
    ;
  }
 }
}

图像使用上述功能成功预览

Answer 1

由于您知道该属性存在，您可以使用event.target['result']作为解决方法。这会绕过打字稿类型检查。但是，我确保将事件转换为正确的类型以防止此错误完全发生。你可以尝试这样的事情：

let target = event.target as FileReader;
target.result;