AngularFire 存储 - 使用 Firebase 在多个存储桶之间动态切换答案

【问题标题】：AngularFire Storage - Dynamically switch between multiple buckets with FirebaseAngularFire 存储 - 使用 Firebase 在多个存储桶之间动态切换
【发布时间】：2020-12-14 17:02:04
【问题描述】：

我目前正在使用 AngularFire 将我的图像上传到 firebase 存储，然后使用 firebase 图像调整大小扩展来调整大小。这适用于我 200x200 的个人资料图片。

我现在想上传其他一些图片并调整其大小为 500x500 的不同尺寸。

我已经制作了另一个存储桶并安装/配置了另一个 Firebase 扩展实例，以便将上传到新存储桶的任何内容调整为 500x500。

我不知道如何在我的应用程序中的存储桶之间切换，以便我可以将个人资料图片上传到一个存储桶，将其他图片上传到另一个存储桶。

有人能用 AngularFire 做到这一点吗？

注意： - 我知道你可以使用 firebase JS SDK（原始 firebase）来做到这一点，但如果可能的话，我想使用 AngularFire 来避免更改我的代码。

-我还知道您可以使用一个调整大小扩展实例指定多个调整大小分辨率，但这会产生大量不必要的图像，因为它会为每次上传创建 200x200 和 500x500。

【问题讨论】：

标签： firebase firebase-storage angularfire2

【解决方案1】：

据我所知，AngularFire 无法完全做到这一点。我最终重构了我的代码，将原始 Firebase 用于这个特定部分。它非常相似，但调用和对象与我在 AngularFire 中使用的不同。

constructor(private afStorage: AngularFireStorage) {
   this.defaultBucket = this.afStorage.storage.app.storage();
   this.otherBucket = this.afStorage.storage.app.storage(OTHER_BUCKETNAME);
}

const storageRef = this.otherBucket.ref().child(FILENAME);
   storageRef.put(file).then((snapshot) => {
   console.log('Uploaded a blob or file!', snapshot);
}

【讨论】：