接收到的json数据实现文件下载并修复下载csv文件中文乱码

最新推荐文章于 2025-03-29 09:42:23 发布

Mency_Li

最新推荐文章于 2025-03-29 09:42:23 发布

阅读量950

点赞数

分类专栏：杂文说说文章标签： javascript

本文链接：https://blog.youkuaiyun.com/yunlala_/article/details/81058422

版权

杂文说说专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何将接收到的JSON数据转换为CSV格式，并解决CSV文件中文乱码问题。主要步骤包括JSON转CSV，设置表头和单元格分隔，以及处理中文乱码，确保文件以UTF-8编码并包含BOM头。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

接收到的json数据实现文件下载并修复下载csv文件中文乱码

1. 首先json转csv格式：设置表头，通过\t换单元格，通过\r\n换行

2.填入数据（同理通过\t换单元格，通过\r\n换行）

3.1和2步骤处理好的数据（如变量csv）:

// \ufeff解决中文乱码问题
let csv = `\ufeff${getCSV(dataOb)}`
// 解决中文乱码问题
const blob = new Blob([csv], { type: 'text/csv,charset=UTF-8' })

const fileName = `${new Date().getTime().toString()}.csv`
if ('download' in document.createElement('a')) { // 非IE下载
    const elink = document.createElement('a')
    elink.download = fileName
    elink.style.display = 'none'
    elink.href = URL.createObjectURL(blob)
    document.body.appendChild(elink)
    elink.click()
    URL.revokeObjectURL(elink.href) // 释放URL对象
    document.body.removeChild(elink)
} else { // IE10+下载
    navigator.msSaveBlob(blob, fileName)
}