File Upload using spring rest and axios, no multipart boundary was found

Question

I have some issues in file uploading using spring rest and react and axios, my back-end code is

@PostMapping(value = "/upload", consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
public ResponseEntity uploadFile(@RequestParam MultipartFile file) {
    return ResponseEntity.ok().build();
}

and I can upload file using postman, but by using axios I got some errors.

nested exception is org.apache.commons.fileupload.FileUploadException: the request was rejected because no multipart boundary was found

here is my code:

let formData = new FormData();
formData.append("file", this.state.selectedFile);

axios({
  method: "post",
  url: url,
  data: {
    formData
  }
})

also if I put

headers: { "Content-Type": "multipart/form-data" }

I got error too, can anyone tell me what are my mistakes please?

Answer 1

It may be beacause you are creating a new object and sending the data inside the object Try this data: formData