Upload image in angular, Required request part '' is not present - mysql

Question

I can't find any solution for the Upload image in angular .. Note: the Spring back-end works.
Required request part 'condidat' is not present
Controller
#PutMapping(
path="/{id}",
consumes={MediaType.APPLICATION_XML_VALUE, MediaType.APPLICATION_JSON_VALUE, MediaType.ALL_VALUE},
produces={MediaType.APPLICATION_XML_VALUE, MediaType.APPLICATION_JSON_VALUE, MediaType.ALL_VALUE}
)
public ResponseEntity<CondidatResponse> updateCondidat(
#PathVariable String id , #RequestPart(value = "condidat") CondidatRequest condidatRequest,
#RequestPart(value = "photo", required = false) MultipartFile file) {
Postman
Service
updateC(id: string, photo: FormData){
return this.http.put(${environment.baseUrl}/condidat/ + id, photo);
}
Ts
updateCond() {
this.con.userId = this.id;
const formData = new FormData();
formData.append('photo', this.photo);
this.con.photo = this.photo.name;
console.log(this.con);
formData.append('condidat', JSON.stringify(this.con));
this.sign.updateC(this.id, formData)
.subscribe(res => {
console.log(res);
this.router.navigate(['/profil']);
});
this.toastr.warning('Data update successfully !!', 'UPDATE', {
timeOut: 3000,
positionClass: 'toast-bottom-left'
});
}
onSelectFile(event: any) {
if (event.target.files.length > 0) {
this.photo = event.target.files[0];
this.message = this.photo;
console.log(this.message);
}
}
html
<input type="file" accept="image/*" (change)="onSelectFile($event)" />
....
Problem
message: "Required request part 'condidat' is not present"