0

マルチパートで html フォームを作成しました。フォーム フィールドとアップロードされたファイルを含むリクエストを作成する必要があります。ajax POST リクエストを使用しましたが、どの contentType を使用すればよいか正確にはわかりません。「multipart/form-data」で試しましたが、サーバーから BadRequest を受け取りました。

        var fd = new FormData();
        fd.append('name',"somename");
        fd.append('regionalName',"newString");
        fd.append('constituencyNumber',122);
        fd.append('districtId',21);
        fd.append('file',document.getElementById('filePicker').files[0]);

        ajax({
           url: "http://192.168.1.157:8080/constituency",
           type: "POST",
           data:fd,
           contentType: false,
           processData: false,
           cache: false,
           success: function () {
               console.log("success");
           },
           error: function () {
               console.log("filaed");
           }
        });

サーバー側で

@RequestMapping(value="/constituency", method=RequestMethod.POST)
    public BaseResponseDto addConstituency(@RequestBody FormDataMultiPart constituencyDto){
        log.info("addConstituency");
        return constituencyService.addConstituency(constituencyDto);
    }

リクエストがコントローラーに届きません。私が逃したものは何でも!!

4

0 に答える 0