ajax上传图片，后台接收与返回信息

ajax上传图片

<input id="uid" type="hidden" value="1" name="id">
<label for="avatarInput">图片上传</label>
<input class="avatar-input" id="avatarInput" name="headImg" type="file"></div>

function modifyImg() {
    var id = $("#uid").val();
    var img = document.getElementById("avatarInput").files[0];
    var fm = new FormData();
    fm.append("id",id);
    fm.append("headImg",img);
    $.ajax({
        type: "post",
        url: "/udai/user/editHeadImg",
        data: fm,
        contentType: false, //一定得设置为false不然后台会报错
        processData: false, //不让jq解析数据，不然也会报错
        success: function (result) {
            if(result.code == 0){
                alert(result.msg);
            }else {
                self.location.reload(true);
            }
        }
    });
}

后台接收

@ResponseBody
    @PostMapping("/editHeadImg")
    public ResultEntity editHeadImg(
                              @RequestParam("id") Integer id,
                              HttpServletRequest request){
        ResultEntity resultEntity = new ResultEntity();
        MultipartHttpServletRequest mhr = (MultipartHttpServletRequest) request;
        MultipartFile file = mhr.getFile("headImg");