如何在JavaScript Web应用中将文件上传至Firebase Storage非根存储桶？

嘿，这个问题我刚好熟，给你捋清楚两种简单的实现方式：

方法一：直接初始化指向非根存储桶的Storage实例 #

默认情况下，firebase.storage()会指向你的根存储桶。如果要操作非根桶，你可以在初始化Storage时直接传入目标桶的GS URL（格式是gs://你的桶名.appspot.com），之后的操作就和根桶完全一样了：

// 初始化指向非根存储桶的Storage实例
const nonRootStorage = firebase.storage('gs://your-non-default-bucket.appspot.com');

// 获取目标文件的引用
const fileRef = nonRootStorage.ref('foldername/filename.jpg');

// 执行上传
fileRef.put(file)
  .then(snapshot => {
    console.log('文件上传成功！');
    // 可选：获取文件的下载URL
    return snapshot.ref.getDownloadURL();
  })
  .then(downloadURL => {
    console.log('文件下载链接：', downloadURL);
  })
  .catch(error => {
    console.error('上传过程出错：', error);
  });

方法二：使用refFromURL直接获取非根桶的文件引用 #

如果你已经在使用默认的Storage实例，也可以通过refFromURL方法直接指定非根桶里的文件路径，一步到位：

// 直接通过完整GS URL获取非根桶的文件引用
const fileRef = firebase.storage().refFromURL('gs://your-non-default-bucket.appspot.com/foldername/filename.jpg');

// 执行上传（逻辑和上面一致）
fileRef.put(file)
  .then(snapshot => {
    console.log('上传完成！');
  })
  .catch(error => {
    console.error('上传失败：', error);
  });

额外注意事项 #

• 确保你的Firebase项目已经创建了这个非根存储桶，别写错桶名哦！
• 记得在Firebase控制台的Storage规则里，给这个非根桶配置正确的上传权限，不然会被拒绝访问。

内容的提问来源于stack exchange，提问作者bholben