Angular 5 how to get file name from input with type = file

I know there are simmilar questions but none cover the method for Angular 5 or at least not in a way that I understand it.

For my image upload system I need to know if a picture is attached to the input tag and what name the file has. Here is my code:

HTML:

<input
type="file"
[(ngModel)]="currentInput"
(change)="onFileSelected($event)"
>


Angular:

export class ImageUpload {
currentInput;

onFileSelected(event) {
console.log(this.currentInput);
}
}


No matter if there is a file attached or not the value in "currentInput" is always undefined. How does this work with input when the type is equal to "file"?

Thanks!

Continue reading...