如何将个人资料照片添加到Firebase / Ionic中经过身份验证的用户帐户

Question

我已经阅读了Firebase Docs的"管理用户"网页版，我也在他们的YouTube频道上观看了视频。

但是，当我尝试实现它们显示的代码时，我收到此错误："属性'afAuth'在HTML元素类型上不存在。"属性'afStorage'在类型HTML元素上不存在。

任何帮助将不胜感激。

这是我的代码：

import { Component, OnInit } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import { NavController } from '@ionic/angular'; 
import { AngularFireStorage } from '@angular/fire/storage'

@Component({
  selector: 'app-profile',
  templateUrl: './profile.page.html',
  styleUrls: ['./profile.page.scss'],
})
export class ProfilePage implements OnInit {
firstName = this.firstName;
  constructor(public afAuth: AngularFireAuth, private navCtrl: NavController, private afStorage: AngularFireStorage) { }

  ngOnInit() {
  }
  ProfilePic() {
    var uploader = document.getElementById('upload')
    var fileButton = document.getElementById('fileButton');
    fileButton.addEventListener('change', function(e) {
    var file = 'e.target.files[0];'
    var user = this.afAuth.auth.currentUser;
    var storageRef = this.afStorage.ref(user + '/profilePicture/' + file) 
    var task = storageRef.put(file);
    })          
    }

Answer 1

您正在尝试访问事件侦听器回调中的 AugularFireAuth 对象。

我建议您让回调返回图像，然后使用另一种方法将图像保存到用户的 firebase 配置文件中