<div class="box">
<div class="header"><h1 style="text-align: center;">excel表导入</h1></div>
<div >
<input type="file" name="my_file" id="input_file">
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline">
<button class="layui-btn" id="import_study_but" >提交</button>
</div>
</div>
</div>
</div>
</div>
<script src="/static/layui/layui.all.js"></script>
<script type="text/javascript">
const layer = layui.layer;
$("#import_study_but").click(function (){
const fileInput = $('#input_file').get(0).files[0];
if(fileInput){
var formData = new FormData();
formData.append("my_file", fileInput);
{#formData.append("name",name);#}
var searching = layer.msg('正在提交数据,请稍后', {
icon: 16, //加载图标
shade: 0.5,
time:false //取消自动关闭
});
$.ajax({
url: "/XXXX",
type : 'POST',
async : true,
data : formData,
// 告诉jQuery不要去处理发送的数据
processData : false,
// 告诉jQuery不要去设置Content-Type请求头
contentType : false,
success : function(res) {
layer.close(searching); //关闭加载提示窗
alert(JSON.stringify(res))
}
})
}else {
layer.msg("请上传文件!")
}
})
</script>