JSFiddle - React, Tailwind, and code Playground

by Nihar Raote

HTML

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

JavaScript

let btn = document.getElementById('btn')

btn.addEventListener('click', uploadData)

async function uploadData(){
	console.log('Called API')
	let form = new FormData()
  form.append('img', {
  	uri: 'file:///data/user/0/host.exp.exponent/cache/ExperienceData/%2540nrshertech%252Fmag-drop-tracker/Camera/b97b1110-fcd3-465d-8e24-90960e03baac.jpg',
    name: 'b97b1110_fcd3_465d_8e24_90960e03baac.jpg',
    type: 'image/jpg'
  })
  
  form.append('drop_user_code', 'USER395680')
  form.append('company_code', 'COMP0001')
  
  try {
  	let res = await fetch('https://b1bb-27-106-30-169.in.ngrok.io/delivery/imgUpload', {
    	method: 'POST',
      body: form
    })
    
    if (res.status >= 200 && res.status <= 399) {
    	let link = await res.text()
      console.log(link)
    }
  } catch (err) {
  	console.error(err)
  }
}