浏览器导出伪excel姿势及其兼容性小记;

  简而言之,通过创建blob对象并保存来实现伪xls/csv文件导出;   

blob对象是一个代表二进制数据的基本对象,在它的基础上,又衍生出一系列相关的API,用来操作文件。ie10以上浏览器支持;

Excel能打开HTML文件,并支持其中的table元素以及p之类的文本元素的显示;

所以,我们可以创建一个html格式的数据对象并导出来为一个伪xls/csv文件;具体实现如下:

if (window.navigator.msSaveBlob){
  var blob = new Blob([decodeURIComponent(encodeURI('<html><head><meta charset="UTF-8"></head><body><table>'
  + 。。。这里是内容。。。
  +'</table></body></html>'))], {
    type: "application/vnd.ms-exce;charset=utf-8;"
  });
  navigator.msSaveBlob(blob, 'xxxx.xls');
} else {
  window.location.href = 'data:application/vnd.ms-excel;base64,' + window.btoa(unescape(encodeURIComponent('<html><head><meta charset="UTF-8"></head><body><table>'
  + 。。。这里是内容。。。
  +'</table></body></html>')))
}

 

转载于:https://www.cnblogs.com/niconi/p/6665446.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值