获取 blob 数据后附件 csv 文件格式不正确

Question

我正在尝试使用 React 上的 FileSaver 下载从服务器接收的 csv 文件：

import FileSaver from 'file-saver';

const getFile = async (url) => {
  const response = await fetch(url);
  const data = await response.blob();

  return FileSaver.saveAs(data, 'file.csv');
}

文件已下载，但问题是格式不正确，如 csv 文件。我打开它时得到了这个架构：

col_header1;col_header1;col_header1
EQUAL t1;EQUAL v1;EQUAL R1
EQUAL t1;EQUAL v2;EQUAL R2
EQUAL t1;EQUAL v1;EQUAL R3

所有数据都在同一列中，而不是不同的列中。有什么东西可以在打开前自动格式化吗？

Answer 1

我通过在日期开头添加分隔符解决了这个问题：

import FileSaver from 'file-saver';

const getFile = async (url) => {
  const response = await fetch(url);
  const data = await response.text();
  const csvData = 'sep=;\n' + data;
  const blob = new Blob([csvData], {type: 'text/csv;charset=utf-8;'});

  return FileSaver.saveAs(data, 'file.csv');
}

获取 blob 数据后附件 csv 文件格式不正确

The attachement csv file not well formatted after getting blob data

javascript

csv

export-to-csv

filesaver.js