React Native Firebase Storage上传失败，提示未知错误求助

我之前在使用react-native-firebase对接Firebase Storage上传图片时，也碰到过几乎一模一样的问题——上传后存储桶里不是预期的图片，而是个带文件信息的JSON，还抛出"未知错误"。结合你的代码和提到的GitHub议题，给你几个实用的排查和解决方向：

1. 修正putFile的文件路径格式 #

iOS模拟器中ImagePicker返回的uri是带file://前缀的格式，旧版本的react-native-firebase对这个格式的解析有bug，会导致上传的是路径信息而非文件内容。你可以先去掉前缀再传入putFile：

_handlePhotoChoice = async pickerResult => {
  let userId = this.state.userId;
  // 去掉file://前缀
  const localFilePath = pickerResult.uri.replace('file://', '');
  firebase
    .storage()
    .ref('photos/profile_' + userId + '.jpg')
    .putFile(localFilePath)
    .then(uploadedFile => {
      console.log("Firebase profile photo uploaded successfully")
    })
    .catch(error => {
      console.log("Firebase profile upload failed: " + error)
    })
}

2. 手动指定文件元数据 #

有时候自动识别的Content-Type会出问题，导致上传流程异常。你可以手动传入元数据，明确告诉Storage这是一张JPEG图片：

_handlePhotoChoice = async pickerResult => {
  let userId = this.state.userId;
  const localFilePath = pickerResult.uri.replace('file://', '');
  // 指定元数据
  const metadata = {
    contentType: 'image/jpeg',
  };
  firebase
    .storage()
    .ref('photos/profile_' + userId + '.jpg')
    .putFile(localFilePath, metadata)
    .then(uploadedFile => {
      console.log("Firebase profile photo uploaded successfully")
    })
    .catch(error => {
      console.log("Firebase profile upload failed: " + error)
    })
}

3. 升级react-native-firebase到最新稳定版 #

你提到的那两个GitHub议题都是比较早期的版本问题，后续版本已经修复了大量iOS端的上传兼容性bug。如果你的依赖版本偏旧，建议升级到最新稳定版，记得按照官方指引重新执行pod install，确保iOS端的依赖更新到位。

4. 换用put方法上传Blob #

如果putFile始终有问题，你可以绕开这个方法，先把图片转换成Blob再用put上传，这个方法的兼容性更稳定：

_handlePhotoChoice = async pickerResult => {
  let userId = this.state.userId;
  const metadata = {
    contentType: 'image/jpeg',
  };
  // 将图片uri转换成Blob
  const response = await fetch(pickerResult.uri);
  const blob = await response.blob();
  
  firebase
    .storage()
    .ref('photos/profile_' + userId + '.jpg')
    .put(blob, metadata)
    .then(uploadedFile => {
      console.log("Firebase profile photo uploaded successfully")
    })
    .catch(error => {
      console.log("Firebase profile upload failed: " + error)
    })
}

另外，也可以检查下iOS项目的info.plist是否配置了正确的相册访问权限（NSPhotoLibraryUsageDescription），模拟器的沙箱权限偶尔也会影响文件读取。

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