Excel文件上传功能实现

Posted 2020-12-28 geqin

$(function(){
    let file;
    //上传点击事件
    $(‘#btn‘).bind(‘click‘, function(){
        let val = $(‘#fb‘).filebox(‘getText‘);
        if(!val){
            return alert(‘未选择任何文件！‘)
        }
        let reg = /.(xlsx|xls)/i;
        if(reg.test(val)){
            let formData = new FormData();
            formData.append("upfile", file);  //upfile 后台接收的参数名
            $.ajax({
                url: ‘‘, //url地址，向后台请求的，该是什么写什么
                type: ‘POST‘,
                data: formData,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                beforeSend: function(xhr) {
                    if (accesstoken && username && userid) {//用户信息，一般记录是session里面
                        xhr.setRequestHeader("AccessToken",
                            accesstoken);
                        xhr.setRequestHeader("username", username);
                        xhr.setRequestHeader("userid", userid);
                    }
                },
                success: function (res) {
                    if(!res || res.hasError && res.error.indexOf(‘请重新登录‘) >= 0){
                        $UToolNoCache();//清楚缓存的封装方法，需要的自己写逻辑
                        return;
                    }
                    if(res && res.hasError){
                        return alert(`上传失败：<br/> ${res.error}`);
                    }else{
                        return alert(‘上传成功！‘);
                    }
                },
                error: function (res) {
                    console.log(res);
                    return alert(‘请求发送失败！‘);
                }
            });
          
        }else{
            $(‘#fb‘).filebox(‘setText‘,‘‘);
            return alert(‘请选择正确的Excel文件！‘);
        }
    });
    //文件判断
    $(‘:file‘).change(function(){
        file = this.files[0];
        // let name = file.name;
        // let size = file.size;
        let type = file && file.type;
        if(type !== ‘application/vnd.openxmlformats-officedocument.spreadsheetml.sheet‘ && type !== ‘application/vnd.ms-excel‘){

                   return alert(‘此处应选择Excel文件！‘);

        }
    });
});