Uploading files with apisauce about apisauce

[skellock]

const uploadImage = (pathToImageOnFilesystem) => {
    const form = new FormData()
    form.append('image[image]', {
      name: 'omgitsme.jpg',
      uri: pathToImageOnFilesystem,
      type: 'image/jpg'
    })
    const headers = {
      'Content-Type': 'multipart/form-data'
    }
    return api.post('/endpoint/to/upload', form, { headers })
  }

Try something like this.

[tmaly1980]

@skellock Unfortunately, I am having ZERO luck figuring this out. I've looked through axios' documentation and tried several approaches, none of which have worked. Most of the examples out there use fetch(). I'm trying to get it working with react-native-image-picker. Every example I'm seeing with axios is for the web, and I'm not having luck getting that to work in RN. ie:

https://github.com/mzabriskie/axios/blob/master/examples/upload/index.html

I've tried infinitered/ignite#497 and all I get is '[object Object]' in the payload (confirmed on the server)

[skellock]

Hello. Have a look at the axios docs. It really depends on your API, however, most likely you'll end up filling in a FormData object, and posting that up.

Lemme know if you get stuck.

[nuhbye]

I am using apisauce for all my api calls but for uploading images, I ended up using https://github.com/kamilkp/react-native-file-transfer. This kind of is not a good solution, I would have loved to do all through the single way.
Will try to do it the way suggested above by skellock

[tmaly1980]

@skellock OK good to know. Seems my issue is actually caused from jhen0409/react-native-debugger#38