📸 react-native-image-picker 로 가져온 파일 서버에 axios로 업로드 하기

const ShowPicker = () => {
    //launchImageLibrary : 사용자 앨범 접근
    launchImageLibrary({}, async (res) => {
      const formdata = new FormData()
      const file = {
        name: res?.assets?.[0]?.fileName,
        type: res?.assets?.[0]?.type,
        uri: res?.assets?.[0]?.uri,

      }
      formdata.append('filedata', file);
      formdata.append('service', "profile")
      formdata.append('serviceId', data.id)
      const access_token = await getStorage("token")

      await restApi.post('/file', formdata, {
        headers: {
          "Content-Type": "multipart/form-data",
          "Authorization": `Bearer ${access_token}`
        },
        transformRequest: (data, headers) => {
          return data;
        },
      }).then((response) => {
     
        setData({ ...data, photoKey: response.data.payload.files[0].id })

      })
    })
  }

사진 픽 할 때마다 해당 데이터 받아와서 서버로 폼데이터 형식으로 보내줌

이때 그냥 uri를 보내주는것이 아니라 file 이라는 뭉덩이를 만들어서 보내주어야 함

file뭉덩이 속 모양은 서버와 합의해서 정하는 것이 아니라 기본적인 모양이라 저 이름을 지켜주어야하는것 같음

헤더의 컨텐트 타입 또한 모양을 변경 해 줘야한다.

transformRequest같은 경우는 서버에 보낼때 스트링 값으로 변환되어 보내지는 문제가 있어 저렇게 사용한다고 한다.(나같은 경우엔 저거 없이해도 문제 없었움!)