Angular2输入文件onChange事件在Firefox中不起作用

Question

在Chrome和Internet Explorer中，我的输入文件上传工作正常，但在Firefox中使用时出现错误。

从HTML模板中提取

<input multiple style="display: none" type="file" (change)="onChange($event)" accept="image/*"/>

从组件类提取

  onChange(event: any) {

    let files = event.srcElement.files;
    ....
  }

错误信息只是： TypeError：event.srcElement未定义

这是Firefox的错误吗？美元符号的含义是什么？

Answer 1

您应该使用event.target（由其他浏览器使用），因为srcElement仅由IE使用。此后，您可以event.srcElement作为后备（对于Internet Explorer案例）

var target = event.target || event.srcElement; //if target isn't there then take srcElement
let files = target.files;