JSFiddle - React, Tailwind, and code Playground

by Nihar Raote

HTML

<button id="btn">
  Upload
</button>

JavaScript

let btn = document.getElementById('btn')

btn.addEventListener('click', uploadImage)

async function uploadImage() {
	let imgData = new FormData()
  console.log('Created Form Data')
  
  imgData.append('img', {
        uri: 'file:///data/user/0/host.exp.exponent/cache/ExperienceData/%2540nrshertech%252Fmag-drop-tracker/Camera/83ae7907-2813-42a3-abcf-797db0cd8b81.jpg',
        name: '83ae7907_2813_42a3_abcf_797db0cd8b81.jpg',
        type: 'image/jpg'
    })

    imgData.append('drop_user_code', 'NIRA956356')

    imgData.append('company_code', "COMP0001")
    
    console.log('Appended all data')

    try {
        let response = await fetch('http://65.0.182.182:5000/delivery/imgUpload', {
            method: "POST",
            body: imgData
        });

        console.log(response.status);
        let result = await response.json();
        return [result.SuccessMsg, result.ImageLink];  
    } catch (err) {
        throw new Error(err);
    }
}