由于需求 需要 采用异步提交excel表格 代码如下
form表单 一如既往的一样
<label>请选择文件:</label>
<input type="file" id="file"/>
FormData的主要用途有两个:
1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。
2、异步上传文件
var formDate = new FormData();
var file = $("#file")[0].files[0]; //获取到文件
formDate.append("file", file);
$.ajax({
url: "<%=request.getContextPath()%>/访问路径",
processData: false, // 这个必须为false,不转换的信息
contentType: false, // 这个必须为false,不指定发送信息的编码类型
data: formDate,
type: "POST",
dataType: "json",
async: false,
success: function (data) {
//成功回调后的逻辑处理
}, error: function () {
//错误回调后的逻辑处理
}
});
后台没有差别 用MultipartFile 接收 在springmvc配置文件配置上传文件的一些属性
public Map<String, Object> uploadExcel(@RequestParam(value = "file") MultipartFile file) {
// 逻辑处理
}