在spring中使用ajax和jquery实现文件上传

Question

var urlUpload = "${root}manager/uploadFile.html";
var params = $('#topicForm').serialize();

    $.ajax({
        type: 'POST',
        url: urlUpload,
        data: params,
        contentType: 'multipart/form-data',
                processData: false,
        success: function(data) {
            alert("success");
        }
    });

@RequestMapping(value="/manager/uploadFile.html", method = RequestMethod.POST)
public String uploadFile(@ModelAttribute("topicForm") TopicForm topicForm,        
@RequestParam("topicDoc") MultipartFile multipartFile ModelMap model) { ... }

我得到以下异常

org.springframework.web.multipart.multipartexception：无法解析多部分servlet请求；嵌套异常为org.apache.commons.FileUpload.FileUploadException：请求被拒绝，因为未找到多部分边界。

这个插件工作得很好谢谢。

var urlUpload = "${root}manager/uploadFile.html?categoryId="+$("#category").val()+"&topicName="+$("#topicName").val();
 $.ajaxFileUpload({
 url:urlUpload, 
 secureuri:false,
 fileElementId:'fileupload',
 dataType: 'html',
 success: function (data, status) {
   alert("success");
 }
});

插件运行良好，现在我需要将少量表单字段与输入文件一起发送到控制器。在上面的ajax调用中，我将这些值附加到URL。对此有没有其他的解决办法？

Answer 1

问题是，您试图上传表单的URL编码序列化，同时声称它是多部分的（请参阅jQuery的serialize()函数的文档）。

您需要使用一个插件来创建正确的请求。这是我用过的。

或者，您可以使用HTML5上传文件。我没做过这个。