Angular Excel 导入与导出

前言

本文基于 angular v7.2.7，初次编写于2019-4-17。

虽然代码是基于angular 7.2.7，但是语法是基于 angular 4.X 以上均可使用。在项目开发过程中，我们经常需要跟后端进行文件交互，常见的诸如 图片上传，excel 导入与导出等。这里我们只讨论关于excel 的导入与导出。

Excel 导入

excel 导入在angular 中其实非常简单，只需要安装 xlsx插件 就可以了。

• 安装 xlsx 插件

npm install xlsx --save

• 在component 中导入

import * as XLSX from 'xlsx';

• 关键代码

import * as XLSX from 'xlsx';

excelData = [];

importExcel(evt: any) {
    /* wire up file reader */
    const target: DataTransfer = <DataTransfer>(evt.target);
    if (target.files.length !== 1) throw new Error('Cannot use multiple files');