如何使用AngularFire上传文件到Firebase存储？

npm install firebase @angular/fire

import { AngularFireModule } from '@angular/fire';
import { AngularFireStorageModule } from '@angular/fire/storage';

// ...

@NgModule({
  imports: [
    // ...
    AngularFireModule.initializeApp(environment.firebaseConfig),
    AngularFireStorageModule
  ],
  // ...
})
export class AppModule { }

import { Component } from '@angular/core';
import { AngularFireStorage } from '@angular/fire/storage';

@Component({
  // ...
})
export class MyComponent {
  constructor(private storage: AngularFireStorage) { }

  uploadFile(event) {
    const file = event.target.files[0];
    const filePath = 'path/to/save/file';
    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();
  }
}