zoukankan      html  css  js  c++  java
  • 前端读取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();

  • 相关阅读:
    软件工程基础之二——阅读《软件工程基础》的问题
    软件工程基础之一——个人介绍与计划
    个人介绍
    sudoku
    GitHub地址
    疑问②
    概览提问①
    jsp内置对象
    tomcat的环境变量配置
    构造方法的重载代码
  • 原文地址:https://www.cnblogs.com/web-chuanfa/p/14355447.html
Copyright © 2011-2022 走看看