Firebase Storage: String does not match format 'base64': Invalid character found

Question

I\'m working on a react-native and I need to upload an image to Firebase using Firebase Storage. I\'m using react-native-image-picker to select the image from the phone which gi

Answer 1

if image is a base64 data URL you can use 'data_url' parameter and metadata:

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');
  });
}

Answer 2

I use split().

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

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

Answer 3

you need to remove this string from your image variable "data:image/jpeg;base64,. need only data

Answer 4

image.substring(23)

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

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