I would upload the file in Angular using [upload component](https://www.primefaces.org/primeng/#/fileupload)

**Here's my HTML:**

```
<p-fileUpload mode="basic" name="demo[]" customUpload="true" accept="image/*" maxFileSize="1000000"  (uploadHandler)="upload($event)"></p-fileUpload>

```

in my **ts** I print param value

```
upload(event) {
  console.log(event)
}

```

I get only metadata and not blob content

```
{"files":[{"objectURL":{"changingThisBreaksApplicationSecurity":"blob:https://prime-ng-file-uploading.stackblitz.io/d429e761-c391-45fa-8628-39b603e25225"}}]}

```

I would also get file content to send via API to the server

[Here's a stackblitz demo](https://stackblitz.com/edit/prime-ng-file-uploading?file=src/app/app.component.ts)