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

【问题标题】：How do I add Profile Photos to Authenticated User Accounts in Firebase / Ionic如何在 Firebase / Ionic 中将个人资料照片添加到经过身份验证的用户帐户
【发布时间】：2019-11-25 02:28:47
【问题描述】：

我已经阅读了“管理用户”的 Firebase 文档，我还在他们的 YouTube 频道上观看了视频。

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

非常感谢任何帮助。

这是我的代码：

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);
    })          

    }

【问题讨论】：

标签： angular typescript firebase ionic-framework firebase-authentication

【解决方案1】：

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

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

【讨论】：