微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决获取 blob 数据后附件 csv 文件格式不正确

我正在尝试使用 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

所有数据都在一个列中,而不是在不同的列中。在打开之前有什么要添加自动格式化吗?

解决方法

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

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');
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。