How to send file(docx, pdf) to server in the body of fetch with other attributes React-native? - react-native

Question

I must send the description of person with it`s Resume to server I have API but when i google this problem there was just sources with fetch of files but I have to send file with name... So I see library document-picker but cant imagine how to concantenate this fetch.
There props
constructor(props){
super(props)
this.state={
token: {
accessToken:""
},
nameCan: '',
surename: '',
experience: '',
city: '',
phone: '',
email: '',
file: {},
}
}
There code of button to Download
_pickDoc = async() => {
let result = await DocumentPicker.getDocumentAsync({});
alert(result.uri);
this.setState(this.state.file = result);
console.log(result);
}
There code of Fetch
async createCV(){
let url = this.state.file.uri; //The url you received from the DocumentPicker
const split = url.split('/');
const name = split.pop();
const inbox = split.pop();
const realPath = `${RNFS.TemporaryDirectoryPath}${inbox}/${name}`;
const uploadBegin = (response) => {
const jobId = response.jobId;
console.log('UPLOAD HAS BEGUN! JobId: ' + jobId);
};
const uploadProgress = (response) => {
const percentage = Math.floor((response.totalBytesSent/response.totalBytesExpectedToSend) * 100);
console.log('UPLOAD IS ' + percentage + '% DONE!');
};
RNFS.uploadFiles({
toUrl: 'myurl',
files: [{
name,
filename:name,
filepath: realPath,
}],
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
Authorization: 'Bearer ' + this.state.token.accessToken,
},
body: JSON.stringify({
name: this.state.nameCan + ' ' + this.state.surename,
location: this.state.city,
experience: this.state.experience,
email: this.state.email,
phone: this.state.phone,
file: realPath
}),
begin: uploadBegin,
beginCallback: uploadBegin,
progressCallback: uploadProgress,
progress: uploadProgress
}).then((response) => {
console.log(response,"<<< Response");
}).catch((err) => {
if (err.description) {
switch (err.description) {
case "cancelled":
console.log("Upload cancelled");
break;
case "empty":
console.log("Empty file");
default:
//Unknown
}
} else {
//Weird
}
console.log(err);
});
}