Como definir um limite em uma solicitação multipart / form-data ao usar o jquery ajax FormData () com vários arquivos

Question

Nov 05, 2012, 10:27 PM

ajax apache-commons-fileupload jquery multipartform-data

Como definir um limite em uma solicitação multipart / form-data ao usar o jquery ajax FormData () com vários arquivos

Eu tenho um formulário HTML que precisa fazer o upload de 3 partes para uma API REST existente em uma única solicitação. Não consigo encontrar documentação sobre como definir um limite em um envio de FormData.

Eu tentei seguir os exemplos dados aqui:Como enviar objetos FormData com solicitações Ajax em jQuery?

No entanto, quando envio os dados, eles são rejeitados com o seguinte stacktrace:

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

Como posso definir um limite?

Aqui está o HTML / Javascript:

   <script type="text/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);
                   }
               });
    }

</script>

Aqui está o formulário:

<form name="formSubmit" action="#">
    userId: <input id="userId" name="userId" value=""/><br/>
    locale: <input name="locale" value="en_US"/><br/>
    front Image: <input type="file" name="frontImage"/><br/>
    back Image: <input type="file" name="backImage"/><br/>
    <input type="button" onclick="handleSubmit();" value="Submit"/>
</form>

Agradecemos antecipadamente por qualquer ajuda!