js文件的上传与下载

1.js文件上传标签里面可以将本地文件上传，通过ajax把文件数据推送到后端，前端js获取文件数据let file = $("#import")[0].files[0];
可以通过file.type来判断文件的类型；发送ajax请求
var formFile = new FormData();
formFile.append(“file”, file);
$.ajax({
type:“post”,
url:"",
data:formFile ,
processData:false,
contentType:false,
success: function (data) {
if (data.code == 200) {
alert(“成功”)
}else {
alert(“失败”)
}
}
})
对应后台处理：
@RequestMapping("/import")
@ResponseBody
public Map<String,Object> importF(HttpServletRequest request, @RequestParam(“file”)MultipartFile file){
Map<String,Object> map = new HashMap<>();
map.put(“code”,200)
return map;
}

2.js生成表格
function exportExl() {
var tableHtml = $(’.table’);
//不能显示class的样式，所以自己重新添加样式 主要为设置边框 格子大小
$(tableHtml).css({
‘border’: ‘1px solid #d5d5d2’,
‘text-align’: ‘center’,
‘border-collapse’: ‘collapse’,
});
$(tableHtml).find(‘tr td’).css({
‘text-align’: ‘center’,
‘border’: ‘1px solid #d5d5d2’,
‘line-height’: ‘30px’,
‘padding’: ‘0px 10px’,
‘min-width’: ‘100px’
});
var html = “” + tableHtml[0].outerHTML + “”;
// 实例化一个Blob对象，其构造函数的第一个参数是包含文件内容的数组，第二个参数是包含文件类型属性的对象
var blob = new Blob([html], {type: “application/vnd.ms-excel”});
var urlA = document.createElement(‘a’);
// 利用URL.createObjectURL()方法为a元素生成blob URL
$(’.table-btn-group’).append(urlA);
urlA.href = URL.createObjectURL(blob);
// 设置文件名，目前只有Chrome和FireFox支持此属性
urlA.download = “表.xls”;
urlA.click();
}