码迷,mamicode.com
首页 > Web开发 > 详细

关于jquery读取excel文件内容 xls xlsx格式

时间:2017-12-28 13:51:11      阅读:6951      评论:0      收藏:0      [点我收藏+]

标签:control   post   his   tle   int   height   layer   开始   tar   

在一个项目中需要读取excel的内容,当然excel是有格式的,格式就是读取到的第一行会作为属性(Title)

例如如下excel

Language Detil
en English
cn Chinese
jp Japanese

 

 

 

 

 

该excel会解析成:方式1

技术分享图片

当然也可以解析成:方式2

技术分享图片

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

正文开始:

首先需要引用xlsx.full.min.js 提供链接:https://pan.baidu.com/s/1o7HK6vw

首先页面添加input type=file 来获取文件

<input  type="file" onchange="importExcel(this)" class="filter_input form-control"/>

 

onchange里面的函数如下:

var wb;//读取完成的数据
var rABS = false; //是否将文件读取为二进制字符串

function importExcel(obj) {//导入if(obj.files.length==0) {return;
     }
    const IMPORTFILE_MAXSIZE = 10*1024;//这里可以自定义控制导入文件大小
    var suffix = obj.files[0].name.split(".")[1]
    $(‘#_file_path‘).val(obj.files[0].name);
    if(suffix != ‘xls‘ && suffix !=‘xlsx‘){
        layer.msg("Only support excel!");
        return;
    }
    if(obj.files[0].size/1024 > IMPORTFILE_MAXSIZE){
        layer.msg("The file can not over 10MB");
        return;
    }
    var f = obj.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
        data = e.target.result;
        if(rABS) {
            wb = XLSX.read(btoa(fixdata(data)), {//手动转化
                type: ‘base64‘
            });
        } else {
            wb = XLSX.read(data, {
                type: ‘binary‘
            });
        }
        //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
        //wb.Sheets[Sheet名]获取第一个Sheet的数据
        var a=wb.SheetNames[0];
        var b=wb.Sheets[a];//内容为方式2
        data=XLSX.utils.sheet_to_json(b);//内容为方式1
        if(!data||data==""){     
            layer.closeAll(‘loading‘);
            layer.msg("The file is empty please choose another file!");
            return;
        }
     //在这里执行对解析后数据的处理
      //var Compile_Result=Batch_Compile(data);

      //DrawTable(Compile_Result);

    };
    if(rABS) {
        reader.readAsArrayBuffer(f);
    } else {
        reader.readAsBinaryString(f);
    }
    function fixdata(data) { //文件流转BinaryString
        var o = "",
            l = 0,
            w = 10240;
        for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
        o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
        return o;
    }
}

 

 

 

关于jquery读取excel文件内容 xls xlsx格式

标签:control   post   his   tle   int   height   layer   开始   tar   

原文地址:https://www.cnblogs.com/yangsirc/p/8135013.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!