AngularFire2 将 DataURI 保存为 Firebase 存储的文件答案

【问题标题】：AngularFire2 Saving a DataURI as a file for Firebase StorageAngularFire2 将 DataURI 保存为 Firebase 存储的文件
【发布时间】：2017-12-11 05:05:51
【问题描述】：

我目前正在使用ng2-img-cropper 裁剪用户提交给我的 Angular2 应用的个人资料照片。但是，图像裁剪器将文件保存为数据 URI，如下所示：data:image/png;base64,iVBORw0KGgoAAA...

但是，我需要将该变量保存为文件类型而不是字符串类型，以便我可以使用 firebase.storage().ref('reference').put(imageFile) 将其上传到我的 firebase 数据库。有没有办法做到这一点？

【问题讨论】：

标签： angular firebase firebase-realtime-database firebase-storage data-uri

【解决方案1】：

经过一番研究，我找到了一个适合我的解决方案：

var ref = this.storage.ref("profile.png").putString(this.croppedImage, 'data_url');
ref.downloadURL().subscribe(url => {
  console.log(url);
});

注意这里的“秘密”是“data_url”（小写）：没有它，它不会将数据保存为图像，而是保存为八位字节流。

【讨论】：