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;