首页 文章

输入类型文件上的NgModel

提问于
浏览
2

我试图通过ngModel以典型的Angular方式绑定到输入字段类型文件,如下所示:

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

files:any

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

1 回答

  • 1

    您必须通过(更改)事件在外部执行此操作

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

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

    files: any[];
    
      onFileChange(event){
        this.files = event.target.files;
        console.log(event);
      }
    

相关问题