js使用formData上传文件解决多个按钮触发同一个input type="file"标签问题

这篇其实上一篇要实现的Excel表格上传的前端代码

CSS:

/*美化input  type="file"标签*/

HTML：

 

                

                    

                        
上传学生教师个人信息
                    

                
                

                    
注：请优先上传班级信息再上传学生、教师信息，上传格式为Excel
                
                

            
            

                

                    

                        
请选择文件：
                        

                            
                        
                        

                            

                        
                        

                            
                        
                        

                            

                        
                    
                
            

JQ:

function submitTest() {
    var fileName = $("#fileUpload").val();

    var ldot = fileName.lastIndexOf(".");
    var type = fileName.substring(ldot + 1).toLowerCase();
    if (type == "xls" || type == "xlsx") {
        var formData = new FormData($('#uploadForm')[0]);
        $.ajax({
            url: "/Data/UploadingStudent",
            type: "post",
            data: formData,
            processData: false,  // 告诉jQuery不要去处理发送的数据
            contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
            success: function (data) {
                alert(data);
                
            },
            error: function (e) {
                alert("上传错误请联系系统管理！！");
                //window.clearinterval(timer);
            }
        });
    }
    else {
        alert("请选择exce表格文件!");
        $("#fileUpload").val("");
        return false;
    }
}