Spring Boot和jQuery文件上载：不支持的媒体类型

Question

我试图用spring Boot1.2.0REST控制器和jQuery Ajax上传一个csv文件。当我发送post请求时，我不断得到415：不受支持的媒体类型错误。下面是我的表格：

<form id="upload_form">
    <div id="message">        

    </div>

    <br/>
    <div class="row" id="upload-file-div" style="display: none">
        <div class='col-sm-3'>
            <label>Select File</label>
            <input type="file" name="file">
        </div>

         <div class='col-sm-3'>
             <input type="button" id="file-upload" class="btn btn-primary" value="Upload" onclick="uploadFile()"/>           
        </div>
    </div>
</form>

function uploadFile(){
    var response = api.uploadCSV($("#upload_form"));
    if(response.status === 'OK'){
        $("#message").css('color', 'green');
    }else{
        $("#message").css('color', 'red');
    }
    $("#message").html(response.message);
}

upload: function (url, form, ignoreSuccess) {
    var response = null;
    if (!this.validate(form)) {
        var array = form.serializeArray();
        alert(array);
        var formData = new FormData(form);
        console.warn(formData);
        $.ajax({
            type: "POST",
            url: API_PROXY + url,
            data: formData,
            cache: false,
            contentType: false,
            processData: false,
            async: false,
            beforeSend: function (request) {
                if (api.getSession() !== null) {
                    request.setRequestHeader("Authorization", "Bearer " + api.getSession().bearer);
                }
            },
            success: function () {}

        }).done(function (msg) {
            response = msg;
        });

    }
    return response;
}

@RequestMapping(consumes = "multipart/form-data", method = RequestMethod.POST, 
        value = "/upload/twitter", produces = MediaType.APPLICATION_JSON_VALUE)
public Response<String> uploadCsv(CsvUploadModel form) {

//代码

}

我在Spring Boot类中注释了MultipartConfigElement和MultipartResolver。我使用的是spring Boot1.2.0。当我用PostMan（chrome扩展）发送post请求时，它按预期工作。但是，当我尝试上面的jquery代码时，它不断抛出不受支持的媒体类型错误。

null

有谁能帮我一下吗？提前道谢。

Answer 1

您可以在formdata中追加文件输入；需要进行以下更改：

这个：

<input type="file" name="file">

应该是：

<input type="file" name="file" id="file">

var formData = new FormData(form);
    console.warn(formData);
    $.ajax({
        type: "POST",
        url: API_PROXY + url,
        data: formData,

应该是：

var formData = new FormData();
formData.add("file",$('#file')[0].files)
    $.ajax({
        type: "POST",
        url: API_PROXY + url,
        data: formData,

或：

var formData = new FormData(form[0]);
$.ajax({
        type: "POST",
        url: API_PROXY + url,
        data: formData,