表格Excel文件上传注解:
前端html 代码实现:
上传前加入了,信息验证模块,如不需要的,可以自行修改
<div class="layui-row" style="padding-left: 40px;" >
<div class="layui-col-md1" >
<input type="file" name="file" id="tableFile" onchange="uploadTableFile()" style="display: none" >
<button type="button" onclick="checkCompanyInfo()" class="layui-btn layui-btn-normal" id="uploadTable">
<i class="layui-icon layui-icon-upload"></i>上传工资报表
</button>
</div>
</div>
验证方法模块:
function checkCompanyInfo(){
$.ajax({
type : "post",
url: 后台请求地址,
data : $('#companInfo').serialize(),
async:true,
dataType : 'json',
success: function (res) {
if (res.code == 0){
//后台返回对象
var resultData = res.data;
//验证成功,弹出上传文件框
$('#tableFile').val('');
//弹出上传框
$('#tableFile').click()
}else if (res.code == 1){
//信息有误
$('#errorMsg').text(res.msg);
$('#errorMsg').show();
}
}
});
}
解释:$('#companInfo').serialize();为form(<form class="layui-form" id="companInfo" >)表单中的数据。
上传模块;
//文件上传
function uploadTableFile(){
if ($("#tableFile")[0].files[0] == null || $("#tableFile")[0].files[0] == ''){
return;
}
var formData = new FormData();
formData.append("file",$("#tableFile")[0].files[0]);
window.setTimeout(function(){queryProgress();},50);
$.ajax({