zoukankan      html  css  js  c++  java
  • Excel文件上传功能实现

    $(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文件!');
            }
    });
    });
  • 相关阅读:
    Queueing at Bank【PAT 1017题】
    table标签的布局
    股票投资的24堂必修课1
    股票投资的24堂必修课2基本面分析
    Eclipse最全快捷键 分享便捷与快乐
    浅析将matlab函数编译成dll供Cpp调用的方法
    Python编程语言中调用Matlab绘制保存数据的方案
    Eclipse中10个最有用的快捷键组合
    WPF 4 DataGrid 控件(进阶篇二)
    VBS 操作 IIS
  • 原文地址:https://www.cnblogs.com/geqin/p/9437342.html
Copyright © 2011-2022 走看看