У меня есть HTML-форма, которая должна загрузить 3 части в существующий REST API в одном запросе. Я могу'Кажется, не найти документацию о том, как установить границу для представления FormData.

Мы пытались следовать приведенным здесь примерам:Как отправить объекты FormData с Ajax-запросами в jQuery?

Однако когда я отправляю данные, они отклоняются со следующей трассировкой стека:

Caused by: org.apache.commons.fileupload.FileUploadException: the request was rejected because no multipart boundary was found.

Как я могу установить границу?

Вот HTML / Javascript:

   
    function handleSubmit() {


        var jsonString = "{" +
                "\"userId\":\"" + document.formSubmit.userId.value + "\"" +
                ",\"locale\":\"" + document.formSubmit.locale.value + "\"" +
                "}";

        var data = new FormData();
        data.append('Json',jsonString);
        data.append('frontImage', document.formSubmit.frontImage.files[0]);
        data.append('backImage', document.formSubmit.backImage.files[0]);

        document.getElementById("sent").innerHTML = jsonString;
        document.getElementById("results").innerHTML = "";
        $.ajax({
                   url:getFileSubmitUrl(),
                   data:data,
                   cache: false,
                   processData: false,
                   contentType: 'multipart/form-data',
                   type:'POST',
                   success:function (data, status, req) {
                       handleResults(req);
                   },
                   error:function (req, status, error) {
                       handleResults(req);
                   }
               });
    }

Вот форма:

    userId: <br>
    locale: <br>
    front Image: <br>
    back Image: <br>
    

Заранее благодарю за любую помощь!