使用react-native-image-picker上传至Firebase Storage时遇未知错误

我来帮你排查这个Error: An unknown error has occurred的问题，结合你提供的代码、返回数据和版本信息，核心问题大概率出在文件路径兼容性或者权限配置上，下面给你具体的排查和解决步骤：

1. 优先尝试使用response.uri替代response.path #

从你给出的图片选择器返回数据来看，uri字段是content://media/external/images/media/301465，而path是本地绝对路径。在Android 7.0及以上版本，系统引入了FileProvider机制，禁止直接通过file://协议访问共享文件，而content://格式的URI是官方推荐的安全访问方式。

你的react-native-firebase版本是^4.0.7，这个版本的putFile方法对content://格式的URI支持更好，修改代码如下：

ImagePicker.showImagePicker(options, (response) => {
  console.log(JSON.stringify(response));
  if (response.didCancel) {
    console.log('User cancelled image picker');
  } else if (response.error) {
    console.log('ImagePicker Error: ', response.error);
  } else if (response.customButton) {
    console.log('User tapped custom button: ', response.customButton);
  } else {
    // 改用response.uri代替response.path
    firebase.storage().ref("123.jpg").putFile(response.uri)
      .then((success) => {
        console.log(success);
      })
      .catch((error) => {
        console.log(error);
      })
  }
});

2. 检查并配置文件访问权限 #

如果上面的方法无效，可能是App没有获取到足够的文件访问权限：

• 在AndroidManifest.xml中添加必要的权限：

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<!-- 如果你的targetSdkVersion >= 29，还需要添加下面的权限 -->
<uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />

• 确保在运行时动态申请权限（RN 0.55.1可以用react-native-permissions或者原生代码处理），因为Android 6.0+需要动态申请危险权限。

3. 尝试给路径添加file://前缀 #

如果你的设备系统版本较低，putFile可能需要标准的file://协议路径，修改代码如下：

// 给path添加file://前缀
const filePath = `file://${response.path}`;
firebase.storage().ref("123.jpg").putFile(filePath)
  .then((success) => {
    console.log(success);
  })
  .catch((error) => {
    console.log(error);
  })

额外提示：查看更详细的错误信息 #

你当前只打印了error对象，建议修改catch块，打印更详细的错误信息，方便定位问题：

.catch((error) => {
  console.log('上传错误详情: ', error.code, error.message, error.stack);
})

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