纯前端导出excel

今天在项目中遇到前端需要导出excel文件，可把我难住了！！！

特别是网上都没有一个dome！口亨！！！

看了三个篇博客，终于把三个博主的东东凑成了一个简单dome！！！

1.引入外部依赖js文件：

外部引用文件：

xlsx.core.min.js

xlsx.full.min.js（包含了所有功能模块）

引用js文件在dist目录下，官方GitHub：https://github.com/SheetJS/js-xlsx

 2.   生成一个sheet 

• aoa_to_sheet: 将一个二维数组转成sheet，会自动处理number、string、boolean、date等类型数据；
• table_to_sheet: 将一个table标签直接转成sheet，会自动识别colspan和rowspan并将其转成对应的单元格合并；
• json_to_sheet: 将一个由对象组成的数组转成sheet；

3.将一个sheet转最终的excel文件的blob对象，利用URL.createObjectURL下载

 完整代码如下：

    function openDownloadDialog(url, saveName) {
        if (typeof url == 'object' && url instanceof Blob) {
            url = URL.createObjectURL(url); // 创建blob地址
        }
        var aLink = document.createElement('a');
        aLink.href = url;
        aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
        var event;
        if (window.MouseEvent) event = new MouseEvent('click');
        else {
            event = document.createEvent('MouseEvents');
            event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
        }
        aLink.dispatchEvent(event);
    }

    // 将一个sheet转成最终的excel文件的blob对象，然后利用URL.createObjectURL下载
    function sheet2blob(sheet, sheetName) {
        sheetName = sheetName || 'sheet1';
        var workbook = {
            SheetNames: [sheetName],
            Sheets: {}
        };
        workbook.Sheets[sheetName] = sheet;
        // 生成excel的配置项
        var wopts = {
            bookType: 'xlsx', // 要生成的文件类型
            bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
            type: 'binary'
        };
        var wbout = XLSX.write(workbook, wopts);
        var blob = new Blob([s2ab(wbout)], {type: "application/octet-stream"});
        // 字符串转ArrayBuffer
        function s2ab(s) {
            var buf = new ArrayBuffer(s.length);
            var view = new Uint8Array(buf);
            for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
            return buf;
        }
        return blob;
    }

    function f() {
        var arr = [
            {
                '学号': '11701',
                '姓名': '陈东东',
                '专业': '数字媒体技术',
            },
            {
                '学号': '11702',
                '姓名': '方点点',
                '专业': '数字媒体技术',
            },
        ];
        var sheet = XLSX.utils.json_to_sheet(arr);
        openDownloadDialog(sheet2blob(sheet), '导出.xlsx');
    }