Image en base64 dans React Native

Utilisation de react-native-image-base64 :

import ImgToBase64 from 'react-native-image-base64';

ImgToBase64.getBase64String('file://path/to/file')
  .then(base64String => {
       // Send the base64String to server
   })
  .catch(err => console.log(err));

Tous les gars, nous pouvons obtenir une chaîne de base64 de l'image en utilisant le sélecteur d'image dans React native pour les utilisations de profil et bien d'autres. Ici, je mets le morceau de code qui aidera à obtenir une chaîne de base64 dans React native en utilisant la fonction de sélection d'image.

    selectPhotoTapped() {
const options = {
  quality: 1.0,
  maxWidth: 500,
  maxHeight: 500,
  storageOptions: {
    skipBackup: true,
  },
};

ImagePicker.showImagePicker(options, response => {
  console.log('Response = ', response.data);

  if (response.didCancel) {
    console.log('User cancelled photo picker');
  } else if (response.error) {
    console.log('ImagePicker Error: ', response.error);
  } else if (response.customButton) {
    console.log('User tapped custom button: ', response.customButton);
  } else {
    // let source = { uri: response.uri };  <-- here you can get uri of image
    //  var RNFS = require('react-native-fs');
    // You can also display the image using data:
    let source =  'data:image/jpeg;base64,'+ [response.data];  //<-- here you can get image with base64string

    this.setState({
      avatarSource: source,
    });

    // this.setState({
    //   Profile_Picture:this.state.avatarSource
    // })
    // console.log(this.state.Profile_Picture)


  }
});                                                                             

}

Après cela, vous pouvez utiliser l'événement onPress prendre une image à partir de votre bibliothèque, mais avant cela, vous devez accorder l'autorisation d'utiliser l'image Android ou IOS à partir du stockage local. lien de l'installation pour le sélecteur d'images Utilisez ce lien pour l'installation du sélecteur d'images dans React native

Avec l'API expo

import { ImageManipulator } from 'expo';

const response = await ImageManipulator.manipulateAsync("file to local path", [], { base64: true })
console.log('base64res' + JSON.stringify(response));