浏览器导出伪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>')))
}

 

posted @ 2017-04-04 17:00  niconi  阅读(434)  评论(0编辑  收藏  举报