900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js 将二进制流html导出excel js 实现纯前端将数据导出excel

js 将二进制流html导出excel js 实现纯前端将数据导出excel

时间:2021-02-03 07:41:14

相关推荐

js 将二进制流html导出excel js 实现纯前端将数据导出excel

使用table标签方式将json导出xls文件

导出

function tableToExcel(){

//要导出的json数据

const jsonData = [

{

name:'路人甲',

phone:'123456',

email:'123@'

},

{

name:'炮灰乙',

phone:'123456',

email:'123@'

},

{

name:'土匪丙',

phone:'123456',

email:'123@'

},

{

name:'流氓丁',

phone:'123456',

email:'123@'

},

]

//列标题

let str = '

姓名电话邮箱';

//循环遍历,每行加入tr标签,每个单元格加td标签

for(let i = 0 ; i < jsonData.length ; i++ ){

str+='

';

for(let item in jsonData[i]){

//增加\t为了不让表格显示科学计数法或者其他格式

str+=`

${ jsonData[i][item] + '\t'}`;

}

str+='

';

}

//Worksheet名

let worksheet = 'Sheet1'

let uri = 'data:application/vnd.ms-excel;base64,';

//下载的表格模板数据

let template = `

xmlns:x="urn:schemas-microsoft-com:office:excel"

xmlns="/TR/REC-html40">

`;

//下载模板

window.location.href = uri + base64(template)

}

//输出base64编码

function base64 (s) { return window.btoa(unescape(encodeURIComponent(s))) }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。