js导出excel,csv

导出页面表格里的数据为excel,IE浏览器要用到插件ActiveXObject

非IE浏览器下可以通过设置a标签的形式,将要导出的数据追加到a标签的href属性上,从而实现下载

   js: 

var idTmr;
function  getExplorer() { //查询浏览器类型
    var explorer = window.navigator.userAgent ;
    //ie  
    if (explorer.indexOf("MSIE") >= 0) {
        return 'ie';
    }
    //firefox  
    else if (explorer.indexOf("Firefox") >= 0) {
        return 'Firefox';
    }
    //Chrome  
    else if(explorer.indexOf("Chrome") >= 0){
        return 'Chrome';
    }
    //Opera  
    else if(explorer.indexOf("Opera") >= 0){
        return 'Opera';
    }
    //Safari  
    else if(explorer.indexOf("Safari") >= 0){
        return 'Safari';
    }
}
function method5(tableid) {
    if(getExplorer()=='ie') //IE浏览器的处理方式
    {
        var curTbl = document.getElementById(tableid);
        var oXL = new ActiveXObject("Excel.Application");
        var oWB = oXL.Workbooks.Add();
        var xlsheet = oWB.Worksheets(1);
        var sel = document.body.createTextRange();
        sel.moveToElementText(curTbl);
        sel.select();
        sel.execCommand("Copy");
        xlsheet.Paste();
        oXL.Visible = true;

        try {
            var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");
        } catch (e) {
            print("Nested catch caught " + e);
        } finally {
            oWB.SaveAs(fname);
            oWB.Close(savechanges = false);
            oXL.Quit();
            oXL = null;
            idTmr = window.setInterval("Cleanup();", 1);
        }

    }
    else //非IE浏览器
    {
        tableToExcel(tableid)
    }
}
function Cleanup() {
    window.clearInterval(idTmr);
    CollectGarbage();
}
//跟通过a标签实现的方式原理一样
var tableToExcel = (function() {
    var uri = 'data:application/vnd.ms-excel;base64,',
            template = '{table}
'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } return function(table, name) { if (!table.nodeType) table = document.getElementById(table) var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML} window.location.href = uri + base64(format(template, ctx)) } })()
 
  
//通过a标签
<a id="test" href="javascript:;">导出a>

document.getElementById("test").onclick = function() {
    var str = "1,2,3\n123,345,456"
    //\ufeff防止中文乱码,或者把编码格式改为gb2312
    var uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
    var downloadLink = document.createElement("a");
    downloadLink.href = uri;
    downloadLink.download = "export.csv";
    document.body.appendChild(downloadLink);
    downloadLink.click();
    document.body.removeChild(downloadLink);

}

也可以通过filesave.js插件实现 前提是先引入filesave.js (https://github.com/eligrey/FileSaver.js/)

function exportCsv2(){
    //Excel打开后中文乱码添加如下字符串解决
    var exportContent = "\uFEFF";
    var blob = new Blob([exportContent+"标题,标题,标题\n1,2,3\n4,5,6"],{type: "text/plain;charset=utf-8"});
    saveAs(blob, "hello world.csv");
}
document.getElementById("test").onclick = function(){
    exportCsv2();
}


你可能感兴趣的:(日常总结)