Front-end/React Native

React Native 이미지 서버에 보내는 법

아지송아지 2022. 1. 7. 19:09

오늘은 RN에서 이미지를 서버에 보내는 방법을 알아보겠습니다.

먼저 기기 안에서 이미지를 가져오기 위해 라이브러리를 사용합니다.

 

react-native-image-crop-picker

Select single or multiple images, with cropping option

www.npmjs.com

 

ImagePicker로 가져온 이미지 데이터를 아래 obj 형태로 만들어 그대로 서버에 넘기면 끝입니다. :)

import ImagePicker from 'react-native-image-crop-picker';

ImagePicker.openPicker({ multiple: false ,mediaType:'photo', compressImageQuality : 0.6}).then(images => {
  let obj = {
      uri: images.path,
      type: images.mime,
      name: `${images.modificationDate}${images.path.slice(-4)}`,
  };
});