React Native Firebase 存储上传失败并出现未知错误

Question

我正在使用 react-native-firebase 使用我们的 Firebase 帐户进行身份验证、firestore 和存储。尝试将照片上传到存储失败并出现未知错误。这是尝试的代码：

_pickImage = async () => {
  await this.getCameraRollPermission()
  let result = await ImagePicker.launchImageLibraryAsync({
    allowsEditing: true,
    aspect: [4, 3],
  });

  console.log(result);

  if (!result.cancelled) {
    // this.setState({ photoURL: result.uri });
    this._handlePhotoChoice(result)
  }
};

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

在 iOS 模拟器中进行测试并使用调试器检测错误我刚收到此错误：

"Error: An unknown error has occurred.
at createErrorFromErrorData (blob:http://localhost:19001/e9d43477-4e42-4f7a-b494-16485def4c28:2371:17)
at blob:http://localhost:19001/e9d43477-4e42-4f7a-b494-16485def4c28:2323:27
at MessageQueue.__invokeCallback (blob:http://localhost:19001/e9d43477-4e42-4f7a-b494-16485def4c28:2765:18)
at blob:http://localhost:19001/e9d43477-4e42-4f7a-b494-16485def4c28:2510:18
at MessageQueue.__guardSafe (blob:http://localhost:19001/e9d43477-4e42-4f7a-b494-16485def4c28:2678:11)
at MessageQueue.invokeCallbackAndReturnFlushedQueue (blob:http://localhost:19001/e9d43477-4e42-4f7a-b494-16485def4c28:2509:14)
at http://localhost:19001/debugger-ui/debuggerWorker.js:70:58"

更新：

一个文件上传到存储桶中，但文件不是JPEG照片，而是JSON关于文件的内容：

{"contentType":"image\/jpeg","name":"photos\/profile_XPIO2lHjlYbdLPchACZHBsmY9Jr1.jpg"}

所以不知何故 JSON 文件而不是实际照片最终出现在存储桶中，然后引发错误。

看起来这个问题被跟踪了几次，但没有解决：

https://github.com/invertase/react-native-firebase/issues/1177

https://github.com/invertase/react-native-firebase/issues/302

Answer 1

终于找到我的问题了。来自 ImagePicker 的图像的 URI 中有一个来自本地应用程序缓存的“%”字符。此百分比被 URI 编码为“%25”，导致 putFile 代码找不到该文件。在 uri 周围添加 decodeURI 调用解决了这个问题。

let fileUri = decodeURI(pickerResult.uri)

Answer 2

如果您使用的是 react-native-document-picker，请查看： https://github.com/rnmods/react-native-document-picker/issues/235

React Native Firebase 存储上传失败并出现未知错误

React Native Firebase Storage Upload fails with Unknown error

ios

firebase

react-native

firebase-storage

react-native-firebase