/* eslint-disable */ let idTmr const getExplorer = () => { let 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' } } // 判断浏览器是否为IE const exportToExcel = (data, name) => { // 判断是否为IE if (getExplorer() == 'ie') { tableToIE(data, name) } else { tableToNotIE(data, name) } } const Cleanup = () => { window.clearInterval(idTmr) } // ie浏览器下执行 const tableToIE = (data, name) => { let curTbl = data let oXL = new ActiveXObject('Excel.Application') //创建AX对象excel let oWB = oXL.Workbooks.Add() //获取workbook对象 let xlsheet = oWB.Worksheets(1) //激活当前sheet let sel = document.body.createTextRange() sel.moveToElementText(curTbl) //把表格中的内容移到TextRange中 sel.select //全选TextRange中内容 sel.execCommand('Copy') //复制TextRange中内容 xlsheet.Paste() //粘贴到活动的EXCEL中 oXL.Visible = true //设置excel可见属性 try { let 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)) //xls.visible = false; oXL.Quit() oXL = null // 结束excel进程,退出完成 window.setInterval('Cleanup();', 1) idTmr = window.setInterval('Cleanup();', 1) } } // 非ie浏览器下执行 const tableToNotIE = (function () { // 编码要用utf-8不然默认gbk会出现中文乱码 let uri = 'data:application/vnd.ms-excel;base64,', template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>', base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }, format = (s, c) => { return s.replace(/{(\w+)}/g, (m, p) => { return c[p] }) } return (table, name) => { let ctx = { worksheet: name, table } //创建下载 let link = document.createElement('a') link.setAttribute('href', uri + base64(format(template, ctx))) link.setAttribute('download', name) // window.location.href = uri + base64(format(template, ctx)) link.click() } })() // tHeader和tbody的数据需要一一对应 let tHeader = ["车名", "颜色", "照片"]; let tbody = [ { name: "林肯", color: "红色", pic: "https://img2.baidu.com/it/u=4020335929,583313623&fm=253&fmt=auto&app=138&f=JPEG?w=512&h=384", }, { name: "林肯", color: "黄色", pic: "https://img1.baidu.com/it/u=1453715177,1769663341&fm=253&fmt=auto&app=120&f=JPEG?w=750&h=500", }, { name: "林肯", color: "紫色", pic: "https://img1.baidu.com/it/u=1453715177,1769663341&fm=253&fmt=auto&app=120&f=JPEG?w=750&h=500", }, { name: "林肯", color: "白色", pic: "https://img2.baidu.com/it/u=647676637,3137806543&fm=253&fmt=auto&app=120&f=JPEG?w=889&h=500", }, { name: "林肯", color: "粉色", pic: "https://img0.baidu.com/it/u=2950100227,2008423144&fm=253&fmt=auto&app=120&f=JPEG?w=830&h=467", }, ]; const export2Excel = (theadData, tbodyData, dataname) => { let re = /http/; // 字符串中包含http,则默认为图片地址 let th_len = theadData.length; // 表头的长度 let tb_len = tbodyData.length; // 记录条数 let width = 120; // 设置图片大小 let height = 80; // 添加表头信息 let thead = "<thead><tr>"; for (let i = 0; i < th_len; i++) { thead += "<th>" + theadData[i] + "</th>"; } thead += "</tr></thead>"; // 添加每一行数据 let tbody = "<tbody>"; for (let i = 0; i < tb_len; i++) { tbody += "<tr>"; let row = tbodyData[i]; // 获取每一行数据 for (let key in row) { if (re.test(row[key])) { // 如果为图片,则需要加div包住图片 // tbody += '<div style="width:' + width + "px; height:" + height + 'px; text-align: center; vertical-align: middle"><div style="display:inline"><img src=\'' + row[key] + "' " + " " + "width=" + '"' + width + '"' + " " + "height=" + '"' + height + '"' + "></div></div>"; } else { tbody += '<div style="text-align:center">' + row[key] + "</div>"; } } tbody += "</tr>"; } tbody += "</tbody>"; let table = thead + tbody; // 导出表格 exportToExcel(table, dataname); }; // const app = document.querySelector("#app"); console.log(app, "app"); app.onclick = function () { export2Excel(tHeader, tbody, '测试数据') };