Upload Zip file error on executing the Angular Code

Question

I'm having the below Typescript file for uploading the Zip file:

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 for the above file:

<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>

I'm getting the below error while running:

Property 'files' does not exist on type 'HTMLTextAreaElement'.

Indeed, error is clear, have a look to developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement, "files" does not exist — Random
– Random, Commented Sep 18, 2019 at 14:44

random · Accepted Answer · 2019-09-18 14:45:51Z

1

HTMLTextAreaElement element does not have files property.

change HTMLTextAreaElement to HTMLInputElement

const target = event.target as HTMLInputElement;

answered Sep 18, 2019 at 14:45

random

7,9093 gold badges21 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Upload Zip file error on executing the Angular Code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related