js导出csv文件

最新推荐文章于 2024-08-08 07:22:10 发布

淡定如斯

最新推荐文章于 2024-08-08 07:22:10 发布

阅读量802

点赞数

分类专栏： javascript 文章标签： js 导出cvs 前端

本文链接：https://blog.csdn.net/l344938248/article/details/89389180

版权

本文介绍了如何利用json2csv库在前端JavaScript环境中将数据转换并导出为CSV文件，首先需要安装该依赖，然后调用特定方法实现数据转换和下载操作。

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

js导出csv文件

用到了json2csv依赖包，首先安装依赖

npm install json2csv --save

const { Parser } =  require('json2csv');


/**
  * @param {String} fields[表头]
  * @param {String} data[导出的json数据]
  * @param {String} fileName[导出的文件名]
  */
exportCSV(fields,data,fileName){
  const csv = createCVSData(fields,data);
    if(isIE()){
        // IE10以及Edge浏览器
        const BOM = "\uFEFF";
        // 文件转Blob格式
        let csvData = new Blob([BOM + csv], { type: "text/csv" });
        navigator.msSaveBlob(csvData, `${fileName}.csv`);
    }else {
        let downloadLink = document.createElement("a");
        downloadLink.href = getDownloadUrl(cvs);
        downloadLink.download = `${fileName}.csv`; 
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink); 
    }
    retur