【JavaScript】后台返回来的csv流数据如何导出成csv文件

努力挣钱的小鑫

于 2021-09-15 17:36:00 发布

阅读量135

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript/TypeScript 文章标签： javascript 前端开发语言 ecmascript

本文链接：https://blog.csdn.net/IAIPython/article/details/130571676

JavaScript/TypeScript 专栏收录该内容

36 篇文章

订阅专栏

该博客介绍了一个在前端利用JavaScript实现CSV数据导出的方法。通过创建`<a>`标签并设置其`href`和`download`属性，结合`Blob`对象和`URL.createObjectURL`函数，能够将后台返回的流数据转换为可供下载的CSV文件。

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

代码

/**
 * @description 导出csv
 * @param {String} textName 导出的文件名
 * @param {*} data 流数据
 */
function downloadByPeople(textName, data) {
  const url = genUrl(data, {}) //{}指的是表头，data是后台返回来的流数据
  const a = document.createElement('a')
  a.href = url
  a.download = `${textName}文件.csv`
  a.click()
  window.URL.revokeObjectURL(url)

  // 获取导出链接
  function genUrl(encoded, options) {
    const dataBlob = new Blob([`\ufeff${encoded}`], {
      type: 'text/plain;charset=utf-8'
    }) //返回的格式
    return window.URL.createObjectURL(dataBlob)
  }
}