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("上传文件不能为空");
}
}