使用XLSX.js处理excle表

来源：互联网发布：情义知多少网盘编辑：程序博客网时间：2024/05/16 12:00

最近做一个档案管理系统，有个需求是读取本地excle将所需字段展现在前端。由于本人比较懒，不想写后台，所以想直接纯前端的实现功能

1 下载js-xlsx，部署到工程里，引入xlsx.full.min.js

2 使用filereader 上代码

$('#file').change(function(ee){

var files=ee.target.files;
var file=new FileReader();
   file.readAsBinaryString(files[0]);
   file.onload=function(e)
   {
        try
        {
         var data=e.target.result;
         var pp=XLSX.read(data,{type:'binary'});

      var bb=pp.Sheets[pp.SheetNames[0]];
       var ce=XLSX.utils.sheet_to_row_object_array(bb);
       for(var i in ce)
       {
          var itemNum=ce[i]['序号'];
          var mlname=ce[i]['文件（目录）名称'];
          var qsy=ce[i]['起始页'];
          var zzy=ce[i]['终止页'];
          var bz=ce[i]['备注'];
          if(bz==undefined)
          {
          bz="";
          }
        // alert(mlname+qsy+zzy+bz);
          var html="";

               html+="<tr id='temtr2"+itemNum+"' >";
               html+="<td class='center'>"+itemNum+"</td>";
               html+="<td class='center'>"+mlname+"</td>";
               html+="<td class='center'>"+qsy+"</td>";
               html+="<td>"+zzy+"</td>";

               html+="<td class='center'>"+bz+"</td>";
               html+="<td>";
               html+="<div class='inline position-relative'>";
               html+="<button class='btn btn-minier btn-primary dropdown-toggle' data-toggle='dropdown'><i class='icon-cog icon-only bigger-110'></i></button>";
               html+="<ul class='dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close'>";
               html+="<li><a class='aBtnNoTD' onclick='editmlItem('"+itemNum+"')' title='修改' href='#'><i class='icon-edit color-blue bigger-120'></i></a></li>";
               html+="<li><a class='aBtnNoTD' onclick='delMLItem('"+itemNum+"')' title='删除' href='#'><i class='icon-remove-sign color-red bigger-120'></i></a></li>";
               html+="</ul></div>";
               html+="<input type='hidden' name='items'id='item"+itemNum+"' value='"+itemNum+"' mlname='"+mlname+"' qsy='"+qsy+"' zzy='"+zzy+"' >";
               html+="</td>";
               html+="</tr>";
               itemNum++;
               $("#itemsTable2").append(html);

       }
        }
        catch(e)
        {
           console.log("error");
           return;
        }

   }

}
)

阅读全文

0 0