Angular 执行角度代码时上载Zip文件错误

我有下面的Typescript文件用于上载Zip文件：

fileUploader(event:Event):void{
   const target = event.target as HTMLTextAreaElement;
   this.fileInfo= target.files[0];
 }
 onNoClick(): void {
   this.dialogRef.close({location: this.lastNode, cancel: true});
 }
 closeDialog(): void {
  console.log(this.versionNote);
  let data={'file':this.fileInfo,'versionNote':this.versionNote};
   this.dialogRef.close(data);
 }

上述文件的Html格式：

<h1 mat-dialog-title>{{'DOCUMENT_LIST.CONTENT.UPLOAD_ZIP' | translate}}</h1>
<div><span class="ng-star-inserted"><h3><b>Folder Name: &nbsp;{{folderName}}</b></h3></span></div>
<input type="file" id="file" [(ngModel)]="playerName"  (change)="fileUploader($event)">
 <p>
  <mat-form-field class="example-full-width">
     <textarea matInput placeholder="Notes" [(ngModel)]="versionNote"></textarea>
   </mat-form-field>
 </p>
<div mat-dialog-actions>
 <button mat-button (click)="onNoClick()">{{'OPTIONS.CANCEL' | translate}}</button>
 <button mat-button cdkFocusInitial (click)="closeDialog()">{{'OPTIONS.UPLOAD' | translate}}</button>
</div>

---

HTMLTextAreaElement

元素没有

文件

属性

将

HTMLTextAreaElement

更改为

HTMLInputElement

const target = event.target as HTMLInputElement;

---

的确，错误很明显，看看，“文件”是不存在的

const target = event.target as HTMLInputElement;