输入类型文件上的 NgModel

Question

我正在尝试通过 ngModel 以典型的 Angular 方式绑定到输入字段类型文件，如下所示：

<input type="file" id="fileUpload" [(ngModel)]="file">

和

files:any

我的问题是，在我选择了一个文件之后，我的变量 files 的值仍然是 undefined 这里有一个 stackblitz 的例子：https://stackblitz.com/edit/angular-6mbdww

Answer 1

你必须通过（更改）事件在外部进行

<input (change)="onFileChange($event)" type="file" id="fileUpload">

并在ts文件中访问如下代码

  files: any[];

  onFileChange(event){
    this.files = event.target.files;
    console.log(event);
  }

NgModel on Input type file