user59442 user59442 - 1 year ago 396
TypeScript Question

Angular2 input file onChange Event not working in Firefox

In Chrome and Internet Explorer my input file upload works fine, but I get an error when using in Firefox.

Extract from HTML Template

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

Extract from Component Class

onChange(event: any) {

let files = event.srcElement.files;

The error message is just:
TypeError: event.srcElement is undefined

Is this a bug of Firefox? What is the meaning of the dollar sign?

Answer Source

You should be using used by other browser) because srcElement is only being used by IE. Thereafter you could event.srcElement as an fallback(for Internet Explorer case)

var target = || event.srcElement; //if target isn't there then take srcElement
let files = target.files;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download