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文件!');
            }
    });
    });
  • 相关阅读:
    centos mongo数据库搭建
    闪屏页白屏或者显示旧图
    在Sqlserver下巧用行列转换日期的数据统计
    读 《.Net 之美》解析.Net Remoting (应用程序域)-- Part.1
    MVC的自定义动作过滤器(一)
    【算法】快排
    【编程范式】C语言1
    排序
    日志记录类
    邮箱发送类
  • 原文地址:https://www.cnblogs.com/geqin/p/9437342.html
Copyright © 2011-2022 走看看