前端JSON转excel下载

方法一

        let jsonData = [{id: "1",grade: "大二",}, {id: "1",grade: "大二",name: "Mike"}];var str = 'Id,年纪,姓名\n';for (let i = 0; i < jsonData.length; i++) {for (let item in jsonData[i]) {str += `${jsonData[i][item] + '\t,'}`;}console.log(str);str = str + '\n';};//  toLargerCSV(jsonData) { if ('download' in document.createElement('a')) { // 非IE下载 var blob = new Blob([str], {type: "text/plain;charset=utf-8"});//解决中文乱码问题blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});var object_url = window.URL.createObjectURL(blob);var link = document.createElement("a");link.href = object_url;link.download = "数据列表.xls";document.body.appendChild(link);link.click();URL.revokeObjectURL(link.href); // 释放URL 对象document.body.removeChild(link);} else { // IE10+下载 var blob = new Blob([str], {type: "text/plain;charset=utf-8"});//解决中文乱码问题blob = new Blob([String.fromCharCode(0xFEFF), blob], {type: blob.type});const fileName = '数据列表.xls';navigator.msSaveBlob(blob, fileName);}}

方法二

npm install -save  js-export-excel
const ExportJsonExcel = require('js-export-excel')

或

<script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js"></script>

<script>function getExcel(){var option={};option.fileName = 'excel'option.datas=[{sheetData:[//后端返回的数据表格json数据{name:'lili',age:'18'},{name:'mary',age:'20'}],sheetHeader:['姓名','年龄'],//前端指定的表头sheetName: 'sheet',sheetFilter: ['name', 'age']},{sheetData:[//表格2的内容{name:'lili',grade:'90'},{name:'mary',grade:'99'}],sheetHeader:['姓名','成绩']}];var toExcel=new ExportJsonExcel(option);toExcel.saveExcel();}
</script>

前端JSON转excel下载相关推荐

JS JQuery 操作: Json转 Excel 下载文件
方法的调用 var json = '[' + '{"申请流水号":"123456","保险公司":"测试数据",&quo ...
网页实现excel下载
在现在项目中遇到一个把表格作为excel下载的需求,之前一直绕到一个死胡同里,搜关键词都搜vue excel下载或json转excel下载,经大神提点,跟用什么框架等没有半毛钱关系,用下面的方法轻松实 ...
python图片压缩pako_前端pako.js的解压, json 转excel文件下载
背景: 后台返回:gzip压缩后进行了base64编码的字符串. 解决办法 >引入pako.js ,xlsx >定义解压和压缩的方法 import XLSX from 'xlsx' co ...
Json转为Excel文件导出下载
JSON转Excel导出 1. 先写界面,一个输入框,一个打印按钮,一个清空输入框按钮我用的是layui框架,随便用啥都行 <div class="mb_l">< ...
前端vue项目-关于下载文件pdf/excel
最近在做一些需求,需要下载一些文件信息,最频繁的就是下载excel文件到本地了看过了很多方法,做个整理吧哈哈哈哈参考的文章链接: https://www.cnblogs.com/jiangweic ...
前端页面HTML表格生成EXCEL下载
前言主要使用jquery插件工具table2excel来实现将HTML页面上的table表格生成Excel下载到客户端.(兼容IE和chrome浏览器) 由于功能比较简单,会使用jquery的相关工 ...
前端 json数据转txt文本并下载(前端自定义封装数据并下载文件)
前端 json数据转txt文本并下载在工作中,有一次客户要求将图形化的数据转化为txt文件下载本例中也可前端自定义封装数据并下载文件其后端传来的数据为json格式,需要前端转化为text数据的形 ...
vue 电子表格Excel的上传导入、导出下载、读取本地Excel、json转Excel
上传导入Excel 安装插件 npm install xlsx main.js中 // 导入excel插件 import XLSX from 'xlsx' Vue.prototype.$XLSX = ...
『解疑』前端通过json数据导出excel表格文件（支持多级表头、复杂表头）（json转excel）
问题如何友好的通过规范的json数据导出成excel文件. 解题制定规范的json数据结构: ( 只要将现有的数据处理成以下格式即可导出 ) {headerList: [ // 多级表头(2选1即 ...
前端table导出excel表格方法汇总
在做一些后台管理系统中,经常会遇到table 组件:然后需要导出excel.开发中实现方法如下: 第一类:后端来做导出功能(后端做更合适) 1. 后端生成excel,返回一个url地址:前端直接利用浏 ...

前端JSON转excel下载

前端JSON转excel下载

前端JSON转excel下载相关推荐

最新文章

热门文章