Search code examples
angulartypescriptfile-upload

Property 'files' does not exist on type 'EventTarget'


while uploading multiple files I am unable to retrieve them from $event.target.files

<form> 
    <input type="file" (change)="onuploadFile($event.target.files)" multiple />
</form>

typescript:

  onuploadFile( files : File[]): void{
    console.log(files)
  }

error:

Object is possibly 'null'.
Property 'files' does not exist on type 'EventTarget'.

Solution

  • Try this

    <form> 
        <input type="file" (change)="onuploadFile($any($event.target).files)" multiple />
    </form>
    

    Read more here