js 导出csv 文件,并且解决文件乱码问题

最新推荐文章于 2024-07-27 10:20:15 发布

chenhuashen123

最新推荐文章于 2024-07-27 10:20:15 发布

阅读量2.4k

点赞数 2

文章标签：乱码 csv excel js

本文链接：https://blog.csdn.net/chenhuashen123/article/details/118107879

版权

通过访问后台接口下载CSV文件时遇到下载失败的问题，原因是返回类型未设置为Blob。解决方法包括创建a标签进行下载，并在Windows上解决文件乱码。关键在于将文件流转为Blob对象前加上Unicode标识，确保在各种环境下正确显示。

摘要由CSDN通过智能技术生成

前几天有一个需求是访问一个后台接口，直接下载csv 文件，一开始一直没有下载成功，请求之后直接返回了数据，并没有形成下载，到底是什么原因呢？

const instance = axios.create({
    baseURL: testUrl,//api的base_url
    withCredentials: true,//是否跨域
    xhrFields: { responseType: "blob" },
    headers: {
  }
})

一定要和后台协商一下返回类型，这里我们采用bolb ，
下面我们看下请求后的操作

 exportFile(params).then(res=>{
    
        const blob = new Blob([content],{type: 'text/csv,charset=UTF-8'});
        const fileName = "xxx.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.revokeObject