[点晴永久免费OA]TML选择Excel文件显示表格

当前位置：点晴教程→点晴OA办公管理信息系统 →『经验分享&问题答疑』

admin

2020年5月1日 1:21 本文热度 3272

1、下载xlxs

下载地址：https://github.com/SheetJS/js-xlsx

2、导入xlsx.core.min.js

<script src="lib/xlsx.core.min.js"></script>

或者在线引入：

<script src="https://cdn.bootcss.com/xlsx/0.11.9/xlsx.core.min.js"></script>

3、HTML代码：

<input type="file" id="open-excel" >

4、script代码：

$('#open-excel').change(function(e) {

            var files = e.target.files;

            var fileReader = new FileReader();
            fileReader.onload = function(ev) {
                try {
                    var data = ev.target.result,
                        workbook = XLSX.read(data, {
                            type: 'binary'
                        }), 
                        values = []; // 存储获取到的数据
                } catch (e) {
                    console.log('文件类型不正确');
                    return;
                }

                // 遍历每张表读取
                for (var sheet in workbook.Sheets) {
                    if (workbook.Sheets.hasOwnProperty(sheet)) {
                        values = values.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
                        //break; // 如果只取第一张表，就取消注释这行
                    }
                }
                
            // 以二进制方式打开文件
            fileReader.readAsBinaryString(files[0]);
        });

values中将得到一个json数组，返回Excel数据

PS：

1、jQuery的change方法修改某值，写在$scope.$apply(function(){......})里

2、将键值对取出分别存在两个数组里的方法：

 $scope.itemArray = Object.getOwnPropertyNames(object);  //object为存储多组键值对的数组         
 $scope.valueArray = Object.getOwnPropertyNames(object).map(function (item) {
     return object[item];
 });

该文章在 2020/5/1 1:23:01 编辑过

关键字查询

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。