如何在Spring MVC中将值和图像形式的javascript发送到控制器

Question

这是jsp代码，

Username: <input type="text" name="user_name"/>
File: <input type="file" name="profile_img" />
<input type="submit" value="Save" onclick="saveProfileData()"/>

这是脚本代码，

function saveProfileData() {
    var user_name = document.getElementById("user_name").value;
    var profile_img = document.getElementById("profile_img").value;
    $.ajax({ 
        type: "POST",  
        url: /login/saveProfileData,  
        data:{ 
            "user_name": user_name,
            "profile_img":profile_img
        },
        success: function(response){
            //other code
        },
        error: function(e){
            //alert('Error: ' + e);
         }
        });
    }

@ResponseBody
@RequestMapping(value="/saveProfileData", method=RequestMethod.POST)
public int saveProfileData(@RequestParam(required=false) String user_name, MultipartFile profile_img) { 
    System.out.println(user_name); 
    //int i = code for save profile data.
    return i;
}

当我单击保存按钮时，出现此错误The current request is not a multipart request 。 为什么会发生这种情况以及如何解决？ 如何发送带有图像的值？

请任何人帮助我。

Answer 1

您是否尝试过为文件添加输入字段的编码类型，例如：

File: <input type="file" name="profile_img" enctype = "multipart/form-data"/>