json文件导出excel文件，及乱码问题

已于 2023-03-15 09:51:51 修改
阅读量532 收藏
点赞数 1
文章标签： excel 前端 javascript
于 2023-03-14 14:40:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huazi99/article/details/129527243
版权

一、数据
1、表头

cols=[
    {
        "prop": "haxis1Title",
        "label": "日期"
    },
    {
        "prop": "haxis2Title",
        "label": "数量"
    }
]

2、表内容

tableData=[
    {
        "haxis1Title": "2014",
        "haxis2Title": "532.0"
    },
    {
        "haxis1Title": "2015",
        "haxis2Title": "609.0"
    },
    {
        "haxis1Title": "2016",
        "haxis2Title": "701.0"
    },
    {
        "haxis1Title": "2017",
        "haxis2Title": "649.0"
    },
    {
        "haxis1Title": "2018",
        "haxis2Title": "656.0"
    },
    {
        "haxis1Title": "2019",
        "haxis2Title": "472.0"
    },
    {
        "haxis1Title": "2020",
        "haxis2Title": "201.0"
    }
]

二、数据拼接为表格样式

html=""
html+="<tr>"
cols.map(item=>{
    html+="<th>"+item.label+"</th>"
})
html+="</tr>"

tableData.map(item=>{
    html+="<tr>"
    cols.map(col=>{
      html+="<td>"+item[col.prop]+"</td>"
    })
    html+="</tr>"
})

console.log(html)

三、拼接excel格式的网页

et template = '';
template += '<html lang="" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel">';
template += '<head><meta charset="UTF-8"><title></title>';
template += '<xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>';
template += '<x:Name>';
template += "测试文件";
template += '</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions>';
template += '</x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml>';
template += '</head>';
template += '<body><table>';
template += html;
template += '</table></body>';
template += '</html>';

四、下载代码

let url = 'data:application/vnd.ms-excel;base64,' + window.btoa(unescape(encodeURIComponent(template)));
//let url = new Blob(['\uFEFF' +template], {type: 'application/vnd.ms-excel;charset=utf-8'})
let a = document.createElement('a');
a.href = url;
a.download = "测试文件";
a.click();

五、中文乱码问题

此处增加：<meta charset="UTF-8">
template += '<head><meta charset="UTF-8"><title></title>';

六、运行结果
在这里插入图片描述

huazi99
关注
excel导出为json
04-25
确保导出的JSON文件使用正确的编码格式对于防止乱码问题至关重要。 五、Save JSON与复制JSON 1. Save JSON：这个功能允许用户直接将转换后的JSON数据保存为文件，方便在其他程序或服务中引用。通常，文件扩展名为`...
js json转excel
热门推荐
言如止水
08-27 2万+
本人在网上查找前台json转excel。结果大多都是json转scv。（不知道google结果怎么样） 结果试了下导出之后用excel打开中文还是乱码。 最后还是参考tableExport.jquery.plugin插件完成。 减少别人走得弯路 上代码 $(document).ready(function(){ $('#wwo').click(functi
js读取csv文件并使用json显示中文乱码的解决方案
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
02-12 2186
一、通过excle整理数据，标准的表格数据格式 二、选择“文件”另存为“sample.csv”格式 三、记事本，右键打开“sample.csv”，再选择文件“另存为”，在编码选项中选择“UTF-8”格式。 刷新页面！ Done！ ...
json文件转为Excel文件
hawthornlll的博客
10-18 3176
json文件转为Excel文件 import json import pandas as pd data = [] with open (‘’,’r’,encoding = ‘utf-8-sig’) as f: json文件编码为ANSI 解决：
接收到的json数据实现文件下载并修复下载csv文件中文乱码
yunlala_的博客
07-15 923
接收到的json数据实现文件下载并修复下载csv文件中文乱码 1. 首先json转csv格式：设置表头，通过\t换单元格，通过\r\n换行 2.填入数据（同理通过\t换单元格，通过\r\n换行） 3.1和2步骤处理好的数据（如变量csv）: // \ufeff解决中文乱码问题 let csv = `\ufeff${getCSV(dataOb)}` // 解决中文乱码问题...
springmvc 提供的统一解决json中文乱码配置
weixin_43847545的博客
03-24 378
直接加到springmvc的配置文件中 <mvc:annotation-driven> <mvc:message-converters register-defaults="true"> <bean class="org.springframework.http.converter.StringHttpMessageConverter"&gt...
vue 导出文件,携带请求头token操作
10-14
在本文中，我们将深入探讨如何在Vue中实现这个功能，特别是针对导出Excel文件的情况。 首先，让我们来看标题和描述中提到的关键点：`vue 导出文件` 和 `携带请求头token`。这表明我们需要在Vue组件中创建一个方法来...
json导出excel纯js支持中文ES6module
08-11
本项目“json导出excel纯js支持中文ES6module”专注于在JavaScript环境中，不依赖任何库或插件，实现从JSON对象到Excel文件的转换，并且支持中文字符，同时采用ES6模块化语法，符合现代前端开发规范。 在JavaScript...
ajax实现excel报表导出
01-19
利用ajax实现excel报表导出【解决乱码问题】，供大家参考，具体内容如下 背景 项目中遇到一个场景，要导出一个excel报表。由于需要token验证，所以不能用a标签；由于页面复杂，所以不能使用表单提交。初步考虑前端...
tableExport + base64 excel、png导出无中文乱码
12-02
在导出Excel或PNG时，数据会被转换成Base64字符串，这样可以在前端直接显示或者通过Ajax发送到服务器，无需额外的文件上传操作。 然而，当处理包含中文字符的数据时，可能会遇到乱码的问题。这是因为中文字符在不同...
Json文件转换为Excel文件!涉及读文件,时间戳转化,写文档
qq_42221826的博客
04-25 714
一.思路 今天接到个小任务,让把json文件转换成excel文件,按照列展开. 思路:既然json已经都已经是现成的,那直接将json文件做读操作,在通过不同的key,找到对应的信息,在存到单元格中,在写操作,生成excel文档 二.jar包 涉及到的jar包,阿里的fastjson和poi的jar包 三.代码 我的json文档里数据的格式是这样的 [ { "total":...
解决 : 后台向前台传输 json中文数据引起的乱码问题
潘小蓝的博客
09-23 1684
最近在学习 Echarts 时需要从后台向前台传输数据,传输数据时中文是不可避免的一个问题。中文数据又难免会遇到一个乱码的问题(气人),如果是之前,乱码就乱码吧,反正不影响我看的效果,哈哈,但是现在不一样了,得朝着更加优秀的方向搞,拒绝拖延,搞！ (前面是我自己遇到的现象描述,解决方法在下方,可直接向下拉) 乱码是什么样子？ 难看吧,及其难看,这就是乱码导致的问题,真实的效果是什么样呢,我们都先换成英文看看: 显而易见,解决乱码问题之后多么舒服。 解决方式: 在遇到这个问题时从网上.
使用nodejs解析xlsx、csv文件转换成JSON文件详细教程（含解决解析xlsx、csv文件解析中文乱码问题）
RookieLink
12-16 5912
教你如何使用nodejs将xlsx、csv文件转换为JSON文件的最简单方式（并解决读取文件出现乱码问题） 使用nodejs将一个csv文件，转为JSON格式的文件，个人觉得这是用过的最简单的方式
python pandas excel转换json中文乱码
06-30 1469
import pandas as pd df = pd.read_excel("./1.xlsx", sheet_name=0) df.to_json("./1.json", orient="records", force_ascii=False)
关于vue导入csv文件格式错误，js-xlsx导入CSV文件中文乱码处理参考
qq_36597079的博客
01-23 6032
最近在vue导入csv文件踩的一个坑，废话就不多说了，直接上源码和处理过程。 过程：我最近使用js-xlsx导入CSV文件时会出现中文乱码,其实这种问题基本上都是因为文件的编码不对造成的，因为使用这个插件用的比较多之前是可以直接使用UTF-8格式的csv文件导入的，但没想到还是出现了文件格式问题 这个是非UTF-8格式的，  这个是UTF-8格式的   然后,我们打开 https://o...
JSON导出CSV中文乱码解决方案
weixin_34279061的博客
03-31 481
前言       以往datagrid导出数据全部在后台搞定，现在就想换中思路去解决，正常情况下使用easyui datagrid ajax获取数据源时都是json格式，那么此时需要导出数据时只要把该数据源扔出来直接导出CSV即可。   中文乱码      导出CSV后，字母和数字正常，中文成了乱码，一番google发现，有人提出用BOM的方式解决，主要是在导出路径添加后缀 \uFEFF ...
JSON格式的文件转csv
weixin_45461943的博客
09-14 4151
代码用于处理json格式的数据原理就是使用字典格式的数据承接，然后取键、值。
js把数据导出成excel的中文乱码问题解决
小怪兽
07-23 7929
重点内容# 欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用
python 怎么读取数个G的大的json文件的方法，memoryerror的解决办法
Threeyearsago的博客
03-09 1万+
之前用python自带的json包读取json文件时，当文件是几个G的时候，就会出现memoryerror，这是因为自带的json包是先把所有的数据读到内存中然后再进行分析。当内存没有json文件所要求的大小时候就会报错。 解决办法如下： import json path1 =r""#文件的存储位置 with open(path1, 'r', encoding='utf-8') a...
怎么将json文件导出excel
最新发布
07-13
要将JSON文件导出为Excel文件，你可以使用Python中的pandas库。下面是一个示例代码： ```python import pandas as pd import json def export_to_excel(json_file, excel_file): with open(json_file) as f: data = json.load(f) df = pd.DataFrame(data) df.to_excel(excel_file, index=False) # 替换为你的JSON文件路径和要导出的Excel文件路径 json_file = 'path/to/your/json/file.json' excel_file = 'path/to/your/excel/file.xlsx' export_to_excel(json_file, excel_file) ``` 在这个示例中，`export_to_excel` 函数接受一个JSON文件路径和一个要导出的Excel文件路径作为参数。它使用 `json.load` 方法读取JSON文件并解析为Python字典。然后，它使用pandas库创建一个DataFrame对象，并将数据填充到DataFrame中。最后，它使用DataFrame的 `to_excel` 方法将数据导出到Excel文件。 记得将代码中的 `'path/to/your/json/file.json'` 替换为你实际的JSON文件路径，以及将 `'path/to/your/excel/file.xlsx'` 替换为你实际的要导出的Excel文件路径。运行代码后，你将得到一个包含JSON数据的Excel文件。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值