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

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

导出

function tableToExcel(){

//要导出的json数据

const jsonData = [

{

name:'路人甲',

phone:'123456',

email:'123@123456.com'

},

{

name:'炮灰乙',

phone:'123456',

email:'123@123456.com'

},

{

name:'土匪丙',

phone:'123456',

email:'123@123456.com'

},

{

name:'流氓丁',

phone:'123456',

email:'123@123456.com'

},

]

//列标题

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="http://www.w3.org/TR/REC-html40">

`;

//下载模板

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

}

//输出base64编码

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值