前端：ajax上传excel文件

<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>