这是我得到的错误:
RangeError: Maximum call stack size exceeded
at String.replace (<anonymous>)
at Fc (auth.js:34)
at Dc (auth.js:32)
at Dc (auth.js:32)
at Dc (auth.js:32)
at Dc (auth.js:32)
at Dc (auth.js:32)
at Dc (auth.js:32)
at Dc (auth.js:32)
at Dc (auth.js:32)
我正在尝试创建一个页面供用户更改其个人资料图片。我有它让他们输入所需的个人资料图片的设置。一旦改变,它将运行我的功能。这是为了将其放入火库中,然后断开其链接。然后将该链接放入用户身份验证配置文件中。存储文件已更新为用户输入,但在auth配置文件/用户查看的页面中未更改。
HTML5:
//显示个人资料图片
<img class= "profileIMG" alt="Profile Picture"[src]="profilePic" />
//输入所需的个人资料图片
<input type="file" [ngModel]='goatImg' *ngIf="profileChanging == 1" accept="image/jpeg/gif" (change)='uploadFile($event)'>
TypeScript:
uploadFile() {
const file = event.currentTarget.files[0];
const filePath =
用户/配置文件图片/${this.User}/Admin_profile_pic.jpg;
const ref = this.storage.ref(
用户/配置文件图片/ $ {this.User} /Admin_profile_pic.jpg );
//upload
this.storage.upload(filePath, file);
//download
this.profileUrl = ref.getDownloadURL();
//update User Profile with download
this.auth.updateProfile(this.displayName, this.profileUrl)
.catch(error => { console.log(error)});
this.profileChanging = 0
}
< / p>