How to send image to server with Blob type using Axios in React Native?

It's simple:

async function uploadToServer(sourceUrl) {
    // first get our hands on the local file
    const localFile = await fetch(sourceUrl);

    // then create a blob out of it (only works with RN 0.54 and above)
    const fileBlob = await localFile.blob();

    // then send this blob to filestack
    const serverRes = await fetch('https://www.yourAwesomeServer.com/api/send/file', { // Your POST endpoint
        method: 'POST',
        headers: {
          'Content-Type': fileBlob && fileBlob.type,
        },
        body: fileBlob, // This is your file object
    });

    const serverJsonResponse = await serverRes.json();

    // yay, let's print the result
    console.log(`Server said: ${JSON.stringify(serverJsonResponse)}`);
}

And run like uploadToServer("file:///Users/vichit/Library/Developer/CoreSimulator/Devices/3BBFABAC-2171-49AA-8B2B-8C2764949258/data/Media/DCIM/100APPLE/IMG_0003.JPG")

It took me forever to figure it out, but it makes sense now.

I hope that helps someone!