Изображение к base64 в реагировать родной

Question

Как конвертировать локальное изображение в base64 в реакцию с родным и загрузить на сервер, помогите, пожалуйста, любому решить этот запрос.Я уже пытался использовать библиотеку, которая доступна в Google с именем image-to-base64 npm.

Answer 1

Все ребята, мы можем получить base64 строку изображения с помощью средства выбора изображений в реагировать родной для использования профиля и многое другое. Здесь я поместил фрагмент кода, который поможет получить строку base64 в оригинальном реагировании, используя функцию выбора изображения.

    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)


  }
});                                                                             

}

После этого вы можете использовать событие onPress для получения изображения из вашей библиотеки, но перед этим вы должны предоставить разрешение на использование образа Android или IOS из локального хранилища. ссылка на установку для выбора изображений Используйте эту ссылку для установки средства выбора изображений в реагировать родной

Answer 2

с API экспо

import { ImageManipulator } from 'expo';

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

Answer 3

Использование act-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));