Datei-Upload in Angular: Wie sende ich eine Datei korrekt mit Fortschrittsbalken an den Server?

Hallo zusammen! Ich bin neu in Angular (Version 15) und TypeScript und komme mit dem Datei-Upload nicht klar. Ich muss ein Formular erstellen, in dem der Benutzer eine Datei (Bild oder PDF) auswählt und sie dann mit Anzeige des Upload-Fortschritts an den Server sendet.\n\nIch habe versucht, normales FormData zu verwenden, aber etwas funktioniert nicht richtig. Hier ist mein aktueller Component-Code:\n\n

import { Component } from '@angular/core';\nimport { HttpClient } from '@angular/common/http';\n\n@Component({\n  selector: 'app-upload',\n  template: `\n    <input type="file" (change)="onFileSelected($event)">\n    <button (click)="onUpload()">Hochladen</button>\n  `\n})\nexport class UploadComponent {\n  selectedFile: File | null = null;\n\n  constructor(private http: HttpClient) {}\n\n  onFileSelected(event