当前请求的类型不是[org.springframework.web.multipart.MultipartHttpServletRequest]

时间:2017-12-29 05:26:57

标签: javascript java angularjs spring-mvc multipartform-data

我正在尝试使用下面的文件上传。但是我得到了java.lang.IllegalStateException:当前请求的类型不是[org.springframework.web.multipart.MultipartHttpServletRequest]:org.apache.catalina.connector.RequestFacade@1b04024。

当我调用form.submit();而不是form.submit(function(){使用ajax调用它按预期工作。但我需要从Spring控制器返回一个字符串值并获取JS函数。下面的代码确实有效。

Angularjs功能:

    function fnSubmitUploadForm(formData){
        var iframe = $('<iframe name="postiframe" id="postiframe" style="display: none"></iframe>');
        $("body").append(iframe);
        var form = $('#upload');
        form.attr("action", CONTEXT_PATH+"/uploadFile");
        form.attr("method", "post");
        form.attr("encoding", "multipart/form-data");
        form.attr("enctype", "multipart/form-data");
        form.attr("target", "postiframe");
        form.attr("uploadfile", $('#uploadfile').val());
        var input =  $('<input type="hidden" name="filename"/>').val(formData);
        input.appendTo(form);

        form.submit(function(){
            $.ajax({
              url: form.attr('action'),
              type: 'POST',
              data : form.serialize(),
              success: function(){
                alert('form submitted.');
              }
            });
            return false;
        });
    }

Spring控制器方法:

    @RequestMapping(value="/uploadFile", method=RequestMethod.POST) 
    public @ResponseBody String uploadFile(MultipartHttpServletRequest request, HttpServletResponse response){  
        try{
            MultipartFile file =(MultipartFile) request.getFile("uploadfile");
            String[] formData=request.getParameterValues("filename");

        }   
    }   

2 个答案:

答案 0 :(得分:1)

原因是您在js提交中使用表单序列化,它无法序列化文件类型等表单属性!看看这个链接: FormData vs .serialize(), What is the difference?

答案 1 :(得分:0)

我已通过以下代码解决了这个问题。

form.submit(function(){
    var formData1 = new FormData($(this)[0]);
    $.ajax({
        url: form.attr('action'),
        type: 'POST',
        data: formData1,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function(){
            alert('form submitted.');
        }
    });
    return false;
});