Angular 5如何从类型=文件的输入中获取文件名

Question

我知道有类似的问题，但没有一个涉及 Angular 5 的方法，或者至少没有以我理解的方式。

对于我的图片上传系统，我需要知道图片是否附加到输入标签以及文件的名称。这是我的代码:

HTML:

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

Angular :

export class ImageUpload {
    currentInput;

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

无论是否有附加文件，“currentInput”中的值始终未定义。当类型等于"file"时，这如何处理输入？

谢谢!

Answer 1

试试下面的方法

onFileSelected(event) {
 if(event.target.files.length > 0) 
  {
    console.log(event.target.files[0].name);
  }
}