javascript - 火力地堡存储 : String does not match format 'base64' : Invalid character found

Question

我正在开发一个 react-native，我需要使用 Firebase Storage 将图像上传到 Firebase .我正在使用 react-native-image-picker从手机中选择提供 base64 编码数据的图像。

当我尝试将图像上传到 Firebase 时，出现错误 Firebase Storage: String does not match format 'base64': Invalid character found 但我已经检查过字符串是否是有效的 base64带有正则表达式的字符串，它是!

我已经从这里阅读了一些答案，但我尝试了所有这些。这是我的代码:

function uploadImage(image){
  const user = getCurrentUser();
  const refImage = app.storage().ref(`profileImages/${user.uid}`);

  refImage.putString(image, 'base64').then(() => {
    console.log('Image uploaded');
  });
}

图像选择器:

ImagePicker.showImagePicker(ImageOptions, (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 {
    uploadImage(response.data);
  }
});

Answer 1

如果 image 是 base64 数据 URL，您可以使用“data_url”参数和元数据:

function uploadImage(image){
  const user = getCurrentUser();
  const refImage = app.storage().ref(`profileImages/${user.uid}`);

  refImage.putString(image, 'data_url', {contentType:’image/jpg’}).then(() => {
    console.log('Image uploaded');
  });
}