开发笔记:Excel文件上传功能实现

$(function(){
let file;
//上传点击事件
$(‘#btn‘).bind(‘click‘, function(){
let val = $(‘#fb‘).filebox(‘getText‘);
if(!val){
return alert(‘未选择任何文件！‘)
}
let reg = /.(xlsx|xls)/i;
if(reg.test(val)){
let formData = new FormData();
formData.append("upfile", file); //upfile 后台接收的参数名
$.ajax({
url: ‘‘, //url地址，向后台请求的，该是什么写什么
type: ‘POST‘,
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
beforeSend: function(xhr) {if (accesstoken && username && userid) {//用户信息，一般记录是session里面 xhr.setRequestHeader("AccessToken", accesstoken); xhr.setRequestHeader("username", username); xhr.setRequestHeader("userid", userid);}
},
success: function (res) {if(!res || res.hasError && res.error.indexOf(‘请重新登录‘) >= 0){ $UToolNoCache();//清楚缓存的封装方法，需要的自己写逻辑 return;}if(res && res.hasError){ return alert(`上传失败：
${res.error}`);}else{ return alert(‘上传成功！‘);}
},
error: function (res) {console.log(res);return alert(‘请求发送失败！‘);
}
});

}else{
$(‘#fb‘).filebox(‘setText‘,‘‘);
return alert(‘请选择正确的Excel文件！‘);
}
});
//文件判断
$(‘:file‘).change(function(){
file = this.files[0];
// let name = file.name;
// let size = file.size;
let type = file && file.type;
if(type !== ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet‘ && type !== ‘application/vnd.ms-excel‘){

return alert(‘此处应选择Excel文件！‘);

}
});
});