Upload React-Native photo to server

uploadReactNativePhotoToServer.js

 const photo = {
      uri: image,
      type: 'image/jpeg',
      name: 'avatar.jpg',
    };

    /* globals FormData */
    const data = new FormData();
    data.append('avatar', photo);

    const options = {
      body: data,
      headers: {
        ...api.headers,
        'Content-Type': 'multipart/form-data'
      },
	  method: 'POST',	
    };

    const res = await fetch('/upload', options)

Need help over how to upload image in react native here is my code
onFormSubmit = (e) => {

var photo = {
   uri: "file:///storage/emulated/0/Pictures/1511787860629.jpg",
   type: 'image/jpeg',
   name: 'photo.jpg',
   size: this.state.uri[0].size,
 };
 var form = new FormData();
 form.append("imageLink", photo);

 const config = {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'multipart/form-data',
  },
  body: form,
 }

 fetch("http://localhost:port/api/User/imageUpload", config)
  .then((responseData) => {
      // Log the response form the server
      // Here we get what we sent to Postman back
      console.log(responseData);
  })
  .catch(err => {
    console.log(err);
  })
}

Issue i am facing is {"statusCode":400,"error":"Bad Request","message":"Invalid content-type header: multipart missing boundary"}

@sunnynegi maybe because of the url your are sending too, localhost:port is an invalid request because you do not let them to use the default port but you do not define any port yourself

@koswarabilly Well thanks for suggestion, Problem is solved i am using fecth blob for uploading images.

@sunnynegi Can u please post your code sample for uploading?