<button type="button" class="btn btn-primary" onclick="uploadOpen()">
<i class="fa fa-plus" aria-hidden="true"></i>上传
</button>
//通过上传流文件上传
<script type="text/javascript">
function uploadOpen(){
//示范一个公告层
layer.open({
type: 1,
title: '上传文件', //不显示标题栏
closeBtn: false,
area: '300px;',
shade: 0.8,
id: 'LAY_layuipro', //设定一个id,防止重复弹出
btn: ['确定上传', '取消'],
moveType: 1, //拖拽模式,0或者1
content: '<form id="uploadForm " class="file" enctype="multipart/form-data" style="padding:10px"> '+
'<input id="file" type="file" name="file" /> '+
'</form> ',
success: function(layero){
var btn = layero.find('.layui-layer-btn');
btn.css('text-align', 'center');
},
yes: function(index, layero){
//按钮【按钮一】的回调
var formData = new FormData();
formData.append("files", $("#file")[0].files[0]);
// var formData = new FormData($('#uploadForm')[0]);
var fileName = $("#file")[0].files[0].name;
var fileType = fileName.substr(fileName.lastIndexOf("."));
if (fileType != ".xlsx") {
layer.msg("请上传正确的xlsx文档");
return false;
} else {
$.ajax({
url: "/system/grossSalesView/importGross",
type: 'POST',
cache: false,
data: formData,
processData: false,
contentType: false,
beforeSend: function(){
layer.msg('正在上传请稍等', {icon: 16,shade: 0.01});
},
success : function(data) {
if (data.code == 0) {
layer.msg(data.msg);
reLoad();
} else {
layer.msg(data.msg);
}
layer.close(index);
}
});
}
}
});
}
</script>