分享编程~
 
js将json数据生成execl文件下载到本地

js将json数据生成execl文件下载到本地

通过javascript把json数据生成execl文件并下载到本地方法:

/**
 * json数据生成Execl文件下载到本地
 */
function downLoadExcelFile(data, fileName) {
  //定义表头
  let str = '课程,连接,来源,编码\n';
  //增加\t为了不让表格显示科学计数法或者其他格式
  for(let i = 0 ; i < data.length ; i++ ){
    for(let item in data[i]){
      str+=`${data[i][item] + '\t'},`;     
    }
    str+='\n';
  }
  //encodeURIComponent解决中文乱码
  let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
  //通过创建a标签实现
  let link = document.createElement("a");
  link.href = uri;
  //对下载的文件命名
  link.download = `${fileName || "表格数据"}.csv`;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

// 模拟数据
var tableData = [{
    name: 'HTML',
    url: 'https://www.yj521.com/',
    source: '越加网',
    code: 123456780
  }, {
    name: 'CSS',
    url: 'https://www.yj521.com/',
    source: '越加网',
    code: 123456781
  }, {
    name: 'JavaScript',
    url: 'https://www.yj521.com/',
    source: '越加网',
    code: 123456782
  }]
downLoadExcelFile(tableData, '测试数据');
	


上一篇:js实现文件下载支持图片视频直接下载不会直接打开下一篇:js导出页面上的表格数据保存execl文件下载到本地
赞(0) 踩(0)
您说多少就多少,您的支持是我最大的动力
赏金
微 信
赏金
支付宝
本文连接: https://www.yj521.com/article/131.html
版权声明: 本文为原创文章,版权归《越加网》所有,分享转载请注明出处!