【JS】json导出到excel，自定义文件名和后缀名

json导出excel表格

HTML

<el-button type="danger" class="ml10 fr" @click="exportForm">导出表格</el-button>

表格输出的数字，如果太长，会自动计算，解决办法：
在td上加上样式 style=“mso-number-format:’\@’”

//导出表格
exportForm(){let that = this;let jsonData = [];for(let i in this.tableList){let tr = {times: this.tableList[i].times,pv: this.tableList[i].pv,uv: this.tableList[i].uv,click: this.tableList[i].click,firstPay: this.tableList[i].firstPay,firstAmount: this.tableList[i].firstAmount,shard: this.tableList[i].shard,};jsonData.push(tr);console.log(tr)}//列标题var str = '';str += '<tr><th>时间</th><th>访问量(pv)</th><th>访问人数(uv)</th><th>预购点击量</th><th>已付定金人数</th><th>已收到定金(元)</th><th>分享次数</th></tr>';//循环遍历，每行加入tr标签，每个单元格加td标签for(let i = 0 ; i < jsonData.length ; i++ ){str+='<tr>';for(let item in jsonData[i]){//增加\t为了不让表格显示科学计数法或者其他格式str+=`<td style="mso-number-format:'\\@'">${ jsonData[i][item] + '\t'}</td>`;}str+='</tr>';}str += '<tr><td></td></tr>';str += '<tr><td>总计:</td><td style="mso-number-format:\'\\@\'">'+this.sum.pv+'</td><td style="mso-number-format:\'\\@\'">'+this.sum.uv+'</td><td style="mso-number-format:\'\\@\'">'+this.sum.click+'</td><td style="mso-number-format:\'\\@\'">'+this.sum.firstPay+'</td><td style="mso-number-format:\'\\@\'">'+this.sum.firstAmount+'</td><td style="mso-number-format:\'\\@\'">'+this.sum.shard+'</td></tr>';var worksheet = 'Sheet1'; //Worksheet名var uri = 'data:application/vnd.ms-excel;base64,';//下载的表格模板数据var template = `<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>${worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>${str}</table></body></html>`;//下载模板// window.location.href = uri + this.base64(template)var link = document.createElement("a");link.href = uri + this.base64(template);link.download = '表格下载' + ".xls";link.style = "visibility:hidden";document.body.appendChild(link);link.click();document.body.removeChild(link);
},
base64 (s) {return window.btoa(unescape(encodeURIComponent(s)))
},

【JS】json导出到excel，自定义文件名和后缀名相关推荐

chrome 插件把 json 导出为 excel
chrome 插件把 json 导出为 excel 要将 JSON 数据导出为 Excel 文件,可以使用 JavaScript 库如 SheetJS 和 FileSaver.js,以及 Chrome ...
教你给每个文件的文件名、后缀名一键重命名的操作方法
当我们需要一次性修改多个文件名及后缀名的话如何进行操作才能快速完成重命名工作呢?下面就来给大家分享批量操作的方法,希望可以帮助大家提高完成工作的效率吧,下面一起看操作. 准备工具: 下载一个[文件批量 ...
文件名（后缀名）修改
今天发现之前帮女朋友下载的很多小视频都是*.rmv的格式,刚好我的默认播放器是不支持.我就想把这些视频文件都改成*.RMVB的格式. 就自己写了段代码来实现文件名(后缀名)修改的小函数.刚开通博客就 ...
php 批量改文件名后缀名_PHP 批量修改文件名/文件后缀名（扩展名）
今天我有几千个文件要一次修改文件或把后缀名给改了,但是我要手工一个个去改,不得改几天后来想到一个办法,利用php写一个量修改文件名/文件后缀名程序,一下就实现了,下面来看看方法. 几个关键的函数. i ...
vue纯前端实现json导出为excel文件(xlsx.full.min.js)
废话不多说,能实现导出为excel的库也不少,这次我用的是xlsx.full.min.js(git地址:https://github.com/SheetJS/sheetjs) 在utils里简单封装一 ...
微信小程序数组 Json 导出到excel
好多年没有搬砖了,最近看微信小程序比较好玩,就试着搞几个小程序玩一玩.因为是业余的,主要是面向需求编程,面向百度/bing编程.不过一些相关的代码的奇奇怪怪的问题,搜索引擎都会最终带领我到CSND/ ...
c语言;文件名批量修改要求可以修改整个文件内文件名或后缀名自动,Python批量修改文件名...
处理语料库时,有些文件名字很不规则,为了方便处理,同义按数字顺序修改名称,主要是用到os模块: import os def RenameFiles(srcdir): #将目录下所有的文件命名为数字开头 ...
c语言;文件名批量修改要求可以修改整个文件内文件名或后缀名自动,ubuntu批量修改文件名字(换动画资源必用)...
Ubuntu 16.04 批量改文件名在Ubuntu16.04下给文件批量改名可以使用rename命令. MATLAB中批量修改文件的名字在运行matlab时有时需要用统一的文件格式,这个时候对文 ...
FileUtils【获取SD卡根目录、读写文件、移动、复制、删除文件、获取文件名、后缀名操作类】...
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言封装了获取SD卡根目录路径.以及对文件读写.获取文件名等相关操作. 因为需要用到android.permission.READ_EX ...

【JS】json导出到excel，自定义文件名和后缀名

json导出excel表格

【JS】json导出到excel，自定义文件名和后缀名相关推荐

最新文章

热门文章