此请求部分“文件”不存在

Question

I saw other similiar post with answers but since it's not helping me i'm posting this.

I'm using Java/Angular 11, i'm making Post Request sending data in FormData but it keeps giving me

Request part 'file' is not present

My Server

@PostMapping(value = /add, consumes = MediaType.MULTIPART_FORM_DATA_VALUE,headers = ("content-type=multipart/*"))
    public ApiResponseEntity add(@RequestParam("file") MultipartFile file,
                                 @RequestParam("foo") Foo foo) throws IOException {

My Client(Angular)

formData = new FormData()
this.formData.append("file", ev.target.files[0]));
this.formData.append("foo",JSON.stringify(FooDTO));

this.httpClient
                .post<any>(this.baseURL + apiURL + "/add", entity, this.httpOptions)
                .subscribe((response: any) => {
                    resolve(response);
                }, reject);

My Payload: ------WebKitFormBoundarysDMcWqKZNsayiMSX Content-Disposition: form-data; name="file"; filename="abc.png" Content-Type: image/png

------WebKitFormBoundarysDMcWqKZNsayiMSX Content-Disposition: form-data; name="foo"

{... } ------WebKitFormBoundarysDMcWqKZNsayiMSX--

Where did i go wrong? Thanks for viewing and answering!

NOTE: HttpOption has Content-type: multipart/form-data, i also tried to use @RequestPart but the result still the same

Answer 1

I think you are not passing formData in your http post, modify the below line of code from

this.httpClient
                .post<any>(this.baseURL + apiURL + "/add", entity, this.httpOptions)
                .subscribe((response: any) => {
                    resolve(response);
                }, reject);

as below

this.httpClient.post<any>(this.baseURL + apiURL + "/add", formData, this.httpOptions)
                .subscribe((response: any) => {
                    resolve(response);
                }, reject);