spring boot项目中html页面通过ajax上传文件到后台

Ajax上传文件到后台

1，首先定义一个div，对文件的上传格式限制为xlsx

<div id="labelPage" style="display: none;margin-left: 10px;margin-right: 10px">
    <input type="file" id="file"  accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" >
</div>

2，使用ajax发送请求

    function f(index) {
        //获取到选中的文件
        var file = document.querySelector("#file").files[0];
        var formdata = new FormData();
        formdata.append("file",file);
        formdata.append("id",lableId);
        //使用ajax进行文件上传
        $.ajax({
            type: "POST",
            url: 后台接收的地址,
            data: formdata,
            dataType: 'json',
            processData: false, // 注意：让jQuery不要处理数据
            contentType: false, // 注意：让jQuery不要设置
            success: function (data) {
            	}
            });
     }

3,后台接收

@RequestMapping("/地址")
public R lableUp(@RequestParam("file") MultipartFile file, @RequestParam("id") String id) throws Exception {

    if (file.isEmpty()) {
        throw new RRException("上传文件不能为空");
    }
    }