将文件上传到Ionic中的公共firebase存储？

export const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
  appId: "YOUR_APP_ID"
};

import { Component } from '@angular/core';
import * as firebase from 'firebase/app';
import 'firebase/storage';
import { firebaseConfig } from '../firebase.config';

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.scss']
})
export class UploadComponent {
  constructor() {
    firebase.initializeApp(firebaseConfig);
  }

  uploadFile(event) {
    const file = event.target.files[0];
    const storageRef = firebase.storage().ref();
    const fileRef = storageRef.child(file.name);
    fileRef.put(file).then(() => {
      console.log('File uploaded successfully!');
    }).catch(error => {
      console.error('Error uploading file:', error);
    });
  }
}

<input type="file" (change)="uploadFile($event)">
<button (click)="uploadFile($event)">Upload</button>