前端读取excel

一、介绍

自从前后端分离后，现在两者都能做的事，基本都转移到前端了，前端的事情是越来越多了，不过前端的重要性也越来越高了^_^，不多说了，前端读取excel，有一个类库：sheetjs 非常强大

git仓库：https://github.com/sheetjs/sheetjs

npm下载：https://www.npmjs.com/package/xlsx

 

npm install xlsx

import xlsx from 'xlsx';

 

读取数据的方式

• XLSX.utils.sheet_to_csv()
• XLSX.utils.sheet_to_txt()
• XLSX.utils.sheet_to_html()
• XLSX.utils.sheet_to_json()
• XLSX.utils.sheet_to_formulae()

写入数据的方式

• XLSX.write(wb, write_opts)
• XLSX.writeFile(wb, filename, write_opts)
• XLSX.writeFileAsync(filename, wb, o, cb)

 

二、读取上传的excel文件

excel表模板

 

 

 

 

 

 

 

三、加载并读取远程excel文件

 

var xhr = new XMLHttpRequest();
xhr.open('get', './data/foo.xlsx', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
  if(xhr.status == 200) {
     var data = new Uint8Array(xhr.response)
     var workbook = XLSX.read(data, {type: 'array'});
     var sheets = workbook.Sheets,
     list = [];
   for (var sheet in sheets) {
      if (sheets.hasOwnProperty(sheet)) {
         list = list.concat(XLSX.utils.sheet_to_json(sheets[sheet]));
      }
   }
    console.log(list);
  }
};
xhr.send();