SheetJS 入门案例

最新推荐文章于 2024-03-17 09:44:20 发布
最新推荐文章于 2024-03-17 09:44:20 发布
阅读量1.3k 收藏 1
点赞数 1
文章标签： javascript json ViewUI
原文链接：http://www.cnblogs.com/caer/p/7067313.html
版权

js插件下载地址：

https://github.com/SheetJS/js-xlsx

https://github.com/SheetJS/js-xls 

<!doctype html>
<html>
    <head>
    <title>EXCEL转JSON</title>
    <meta charset="UTF-8" />
    <script type="text/javascript" src="http://mat1.gtimg.com/www/asset/lib/jquery/jquery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="/xls/js/xls.js"></script>
    <script type="text/javascript" src="/xls/js/jszip.js"></script>
    <script type="text/javascript" src="/xls/js/xlsx.js"></script>
    </head>
    <body>
    <div>
        <input type='file' οnchange='readFile(event)'>
    </div>
    <div>
        <textarea id='debug' rows="50" cols="200"></textarea>
    </div>
    </body>
    <script>
        var excel = new Object();
        var sheet = new Object();
        var row = new Object();
        var cell = new Object();
        var x ;
        var wb;
        var output;
        var filename;
        var rows_a,rows_b;
        var cols_a,cols_b;
        var range = new Object();
        
        var readFile = function(event) {
            var read = new FileReader();
            var file = event.target.files[0];
            read.readAsBinaryString(file);
            filename = file.name;
            read.onload = function (event){    
                var res = event.currentTarget.result;
                var fileType = getFileType(filename).toString();
                switch (fileType){
                    case '.xls':
                        x = XLS;
                        break;
                    case '.xlsx':
                        x = XLSX;
                        break;    
                    default:
                        x = null;
                }
                if(x){
                    wb = x.read(res, { type: 'binary' });
                    excel = getEXCEL(wb);
                    output = excel;
                }else{
                    var info =  {error:'can not resolve file end with :'+fileType};
                    output = getOutput(info,'obj');
                }
                console.log(output);
                out_json =  getOutput(output,'json');
                $('#debug').val(out_json);
                
             };
        };
        
        function getEXCEL(wb){
            var Sheetnames = wb.SheetNames;
            var Sheets = new Object();
            var Sheet = new Object();
            
            Sheets = wb.Sheets;
            excel['sheetSize'] = Sheetnames.length.toString();
            excel['excelName'] = filename;
            excel["sheets"] = [];
            
            
            for(var i=0;i<Sheetnames.length;i++){
                Sheet = Sheets[Sheetnames[i]];
                range = getRanger(Sheet['!ref']);
                rows_a = range.row;
                cols_a = range.col;    
                var m = 0;
                sheet = new Object();
                sheet['rowSize'] = rows_a.toString();
                sheet['colSize'] = cols_a.toString();
                sheet['sheetName'] = Sheetnames[i];
                sheet["rows"] = [];
                sheet["title"] = new Object();
                for(var j=0;j<rows_a;j++){
                    row = new Object();
                    row['cells'] = [];
                    for(var m=0;m<cols_a;m++){
                        cell = new Object();
                        row['cells'].push(cell);
                    }
                    sheet["rows"].push(row);
                }
                for(k in Sheet){
                    if(isCell(k)){
                        range = getRanger(k);
                        rows_b = range.row.toString();
                        cols_b = range.col.toString();
                        row = sheet["rows"][rows_b-1];
                        row.val = null;
                        row.val = 'true';
                        cell = row['cells'][cols_b-1];
                        cell.value = null;
                        cell.value = Sheet[k].w;
                    }
                }
                for(t in sheet["rows"]){
                    var tit = sheet["rows"][t];
                    if(tit.val){
                        sheet["title"] = sheet["rows"][t];
                        break;
                    }
                }
                excel["sheets"].push(sheet);
            }
            return excel;
        }
        
        function isCell(str){
            var reg = /^[a-zA-Z]+[0-9]+$/;
            return reg.test(str);
        }
        
        function getRowNumber(key){
            var reg = /[0-9]+$/;
            var rownumber = reg.exec(key);
            return rownumber;
        }
        
        function getColLetter(key){
            var reg = /^[a-zA-Z]+/;
            var colletter = reg.exec(key);
            return colletter;
        }
        
        function getColNumber(key){
            var reg = /[a-zA-Z]+/;
            var colletter = reg.exec(key);
            return colletter;
        }
        
        function getOutput(obj,type){
            switch (type){
                case 'json' :
                    return JSON.stringify(obj);
                    break;
                case 'obj'  :
                    return obj;
                    break;
                default :
                    return JSON.stringify(obj);
            }
        }
        
        function getRanger(ref){
            if(ref == undefined){
                range.row = "0";
                range.col = "0";
            }else{
                var reg = /:[a-zA-Z]+[0-9]+/;
                var reg2 = /^[a-zA-Z]+[0-9]+$/;
                var pos = reg.exec(ref);
                if(pos == undefined ){
                    pos = reg2.exec(ref);
                }
                var r = getRowNumber(pos).toString();
                var codes = [];
                var n;
                var letter = getColNumber(pos).toString();
                letter = letter.toLocaleLowerCase();
                n = 0;
                for(i in letter){
                    var code = letter[i].charCodeAt()-96;
                    codes[i] = code;
                    n++;
                }
                n--;
                var mathstr = 0;
                for(j in codes){
                    mathstr = 'Math.pow(26,'+n+')*'+codes[j] + '+'+ mathstr;
                    n--;
                }
                var    c = eval(mathstr).toString();
                range.row = r;
                range.col = c;
            }
            return range;
        }
        
        function getFileType(filepath){
            var reg = /.[a-zA-Z0-9]+$/;
            var filePostfix = reg.exec(filepath);
            return filePostfix;
        }
    </script>
</html>

 

转载于:https://www.cnblogs.com/caer/p/7067313.html

weixin_30311605
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
sheetjs xlsx 源码
07-13
sheetjs xlsx 源码
SheetJS的通用电子表格对象简介和使用
qq_2511276124的博客
02-16 1606
“通用电子表格格式”（CSF）是SheetJS使用的对象模型。
前端知识分享——SheetJS 用法体验
热门推荐
sinat_43095140的博客
01-26 1万+
前端知识分享——SheetJS 用法体验 Write and share what I see and hear 使用SheetJS导出 Excel 表格 最近遇到一个很好用的前端导出Excel 表格的工具 – SheetJS 官方地址 github地址 官方提供了多种版本，自己做点小demo可以使用社区免费版本 使用方法 具体使用方法在官方文档中有很详细的说明，这里举个例子 安装 npm install xlsx 引入 import xlsx from 'xlsx' 使用 // 1. 创建一个工
SheetJS - 功能强大的电子表格处理库
最新发布
gitblog_00040的博客
03-17 596
SheetJS - 功能强大的电子表格处理库 SheetJS 是一个基于 JavaScript 的开源库，用于读取、操作和导出各种电子表格数据。它支持多种文件格式，包括 Excel（.xlsx 和 .xls），CSV，JSON，HTML 等。 用途与应用场景 数据导入：SheetJS 可以方便地将 Excel 文件或其他电子表格数据转换为 JSON 对象，从而可以轻松地在 Web 应用程序中使用...
SheetJS实现js获取、导出表格数据
qq_40591925的博客
03-06 1691
XLSX.utils.sheet_add_aoa(worksheet, Array[][])：将二维数组中的数据添加到已有的worksheet中。XLSX.utils.sheet_add_json(worksheet, Object)：将js对象中的数据添加到已有的worksheet中。// XLSX.utils.json_to_sheet(SheetObject.Sheet1)：再次转换为工作表。XLSX.utils.sheet_to_json(worksheet): 将表格数据转化为json格式。
使用SheetJS读写Excel文件
Naisu的各种笔记
12-30 8144
项目中有一个Excel转JSON的工具，之前这个工具一直使用 Python 的 openpyxl 库来编写的，然后使用 pyinstaller 打包成 .exe 文件。之前这个工具只是个命令行工具，不带界面的。现在项目升级，打算使用Web前端方式重写这个工具，调整部分功能并新增图形界面。这篇文章中将使用 SheetJS 来操作Excel文件，对相关操作进行简单记录。
基于 SheetJS 的前端合并单元格复杂表头导入
qq_43600513的博客
04-23 1512
顶部为基于 antdv 的 table 组件的复现效果。复现 Excel 表格中，合并完单元格后的效果。table 组件用到的 columns 配置，及 dataSource 数据，均由解析函数一并返回。无需要开发者二次开发及维护。底部为解析函数解析后返回的三个数据结果。分别为解析后的 antdv columns 表格列的配置项，直接传递给 table 组件的 columns 属性使用。
sheetjs.txt
01-15
SHEETJS
sheetjs js-xlsx
02-16
公司网络限制不能github下载，上传这里中转下，大家可以从官网下载
sheetjs.rar
10-20
前端导出Excel文件用的插件
sheetJS 离线操作excel
08-14
离线上传Excel 文件 并在浏览器中解析文件， 减少与服务器之间得交互
在小程序中使用SheetJS将JSON数据导出为xlsx表格（详细且简单）
weixin_57263939的博客
02-06 1267
将JSON数据导出为xlsx表格（详细且简单）
sheet.js插件解析excel数据
xuan的博客
12-03 2248
1、下载 npm install xlsx 2、引入 import XLSX from 'xlsx'; 3、使用（file形式） async uploadFile({ file }) { var reader = new FileReader(); reader.onload = e => { const data = e.target.result; /**@name cellStyles需开启才有样式数据 */ const wor
FileSaver、js-xlsx、SheetJS在线报表预览导出
ejinxian的专栏
08-16 1127
FileSaver、js-xlsx的前端插件 files: [ vendor_path('file-saver/FileSaver.min.js'), vendor_path('js-xlsx/dist/xlsx.core.min.js'), ] FileSaver、js-xlsx的github，支持的版本类型，和使用方法。 filename = "ge.xls
js sheet修改表头，合并单元格，添加备注，导出
csdn18529124315的博客
12-15 1765
js sheet修改表头，合并单元格，添加备注，导出
sheetjs 前端操作Excel的js框架
偶是一只小小鸟~
05-04 1万+
github https://github.com/sheetjs/js-xlsx 上面有很多例子,angular,jquery等也可以和https://github.com/agershun/alasql 结合使用 使用 var elt = document.getElementById('data-table'); var wb = XLSX.utils.table_to_b
SheetJS/js-xlsx的小demo
nomiiko的博客
06-20 7176
读取json数据时，可以使用items.map(value =>{*}); 其使用效果与items.forEach(object =>{ **})效果相同， 都可以对数组中的元素实现遍历， 如果元素是对象，可以使用key值取对应的元素值如value[key:string] js/sheet xlsx的用法 FileReader:文件解读器 IWorkBook: 工作表对象
SheetJS生成/解析Excel
IMJCW的博客
03-08 7201
前言 新公司的后台经常有一些数据导出的功能，而不少情况是导出筛选出来的数据(没有分页的那种)。 这个时候，再让后端去跑一遍逻辑，有点浪费，如果前端可以自己做完就完美了。 SheetJS(js-xlsx) 项目地址：sheetjs 因为需求比较简单，只是导入导出，目前还没遇到什么问题。 官方有 Pro 版，看到有人说过，有很多版本，具体报价还是看诉求。 兼容性 使用方式 官方的 README.md 已经介绍的很详细了，下面简单介绍一下。 使用CDN <script src="https://unpkg
纯前端读取excel （SheetJS js-xlsx.js框架）
Tankic的博客
02-01 1万+
文章目录介绍兼容性使用方法实现思路文件引用代码示例及详解开发注意生成excel文件并下载 介绍 应项目需求需要做一个纯前端读取excel文件的功能。各方面评估框架后选择了SheetJS的xlsx.js。 SheetJS功能强大。使用方便，文档详细。 github地址：SheetJS 参考文献：Jiao_0805 《js-xlsx使用》 兼容性 使用方法 实现思路 通过<input typ...
sheetjs 集成vue3
12-09
sheetjs是一款用于处理电子表格数据的JavaScript库，而Vue3是一款流行的JavaScript框架。要将sheetjs集成到Vue3中，首先需要安装sheetjs的npm包，并导入到Vue组件中。然后可以在Vue组件中使用sheetjs提供的功能来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值