如何使用Angular中的HTTPClient模块将文件上传到firebase？

import { HttpClient } from '@angular/common/http';
import { AngularFireStorage } from '@angular/fire/storage';

constructor(private http: HttpClient, private storage: AngularFireStorage) { }

uploadFile(file: File) {
  const filePath = `uploads/${file.name}`;
  const fileRef = this.storage.ref(filePath);
  const task = this.storage.upload(filePath, file);

  // 获取上传进度
  task.percentageChanges().subscribe(percentage => {
    console.log(`Upload is ${percentage}% complete.`);
  });

  // 获取下载URL
  task.snapshotChanges().pipe(
    finalize(() => {
      fileRef.getDownloadURL().subscribe(downloadURL => {
        console.log('File available at', downloadURL);
      });
    })
  ).subscribe();
}

<input type="file" (change)="uploadFile($event.target.files[0])">