乐于分享
好东西不私藏

纯前端导出excel

纯前端导出excel

需要引用js

<script src="~/Scripts/xlsx.core.min.js"></script>

js地址:

 https://blog-static.cnblogs.com/files/Leeblog200814/xlsx.core.min.js

代码:

//导出function exportExcel() {    var row = $("#dgItemList").bootstrapTable("getSelections");    if (row == null || row == undefined || row.length == 0) {        toastr.warning("请先选择要导出的数据!");        return;    }    var name = row[0].RecordCode;  //委托单位    var csv = table2csv('#dgItemList');    var sheet = csv2sheet(csv);    var blob = sheet2blob(sheet);    openDownloadDialog(blob, name + '.xlsx');}//获取表格数据function table2csv(table) {    var csv = [];    var temp = [];    //获取表头    $(table).find('thead tr').each(function () {        $(this).find('th').each(function () {            temp.push($(this).text());        })        temp.shift(); // 移除第一个        csv.push(temp.join('、'));    });    //获取表格内容    $(table).find('tr').each(function (index, item) {        var temp1 = [];        $(this).find('td').each(function () {            if ($(this).html().indexOf('input') > 0)                temp1.push($(this).children('input').val())            else                temp1.push($(this).text());        })        temp1.shift(); // 移除第一个        csv.push(temp1.join('、'));    });    csv.splice(1, 1);//删除第二个空字符串    //csv.shift();    return csv.join('\n');}// csv转sheet对象function csv2sheet(csv) {    var sheet = {}; // 将要生成的sheet    csv = csv.split('\n');    csv.forEach(function (row, i) {        row = row.split('、');        row.splice(row.length - 1, 1);   //删除最后一列操作列        row.splice(0, 1);   //删除第一列状态列        if (i == 0) sheet['!ref'] = 'A1:' + String.fromCharCode(65 + row.length) + (csv.length);        row.forEach(function (col, j) {            sheet[String.fromCharCode(65 + j) + (i + 1)] = { v: col };        });    });    //设置列宽    sheet['!cols'] = [{ wch: 20 }, { wch: 20 }, { wch: 30 }, { wch: 20 }, { wch: 15 }, { wch: 20 }, { wch: 10 }, { wch: 15 }, { wch: 10 }, { wch: 30 }, { wch: 15 }, { wch: 10 }, { wch: 10 }, { wch: 10 }, { wch: 20 }];    return sheet;}// 将一个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 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);}

注意:只能导出表格当前页面展示的数据,分页的数据无法全部导出