Upload image to server with XMLHttpRequest and FormData in React-Native

I am using react-native-image-picker to get image from library. I have written following code in one method name as selectPhoto() to select image from library.

selectedPhoto = () => {
//Open Image Picker

const options = {
  quality: 1.0,
  maxWidth: 500,
  maxHeight: 500,
};

ImagePicker.showImagePicker(options, (response) => {
  //console.log('Response = ', response);

  if (response.didCancel) {
    console.log('User cancelled photo picker');
  }
  else if (response.error) {
    console.log('ImagePicker Error: ', response.error);
  }
  else if (response.customButton) {
    console.log('User tapped custom button: ', response.customButton);
  }
  else {
    let source = {uri :response.uri};
    console.log(source.uri);
    this.setState({
      profilePhoto: source
    });
  }
}); }

This will give me uri of selected image and I have set in state variable. then write following code to upload image.

var profiePicture = {
    uri: this.state.profilePhoto.uri,
    type: 'image/jpg', // or photo.type image/jpg
    name: 'testPhotoName',
  }

  // API to upload image
  fetch('http://www.example.com/api/uploadProfilePic/12345', {
    method: 'post',
    headers:{
      'Accept': 'application/json',
      'content-type': 'multipart/form-data',
    },
    body: JSON.stringify({
      'profile_pic' : profiePicture
    })
  }).then((response) => response.json())
  .then((responseJson) => {
    console.log(responseJson);
  })
  .catch((error) => {
    console.error(error);
  });

This code is working in one of the my project.