学习使用js实现导出excel表格导出csv表格的方法示例,并支持中文汉字

学习使用js实现导出excel表格导出csv表格的方法示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>下载表格</title>

</head>
<body>


<script type="application/javascript">

    function downloadExcelFile(data, fileName) {
      
      
        // 转换数据为CSV格式
        const csvContent = data.map(row => row.join(",")).join("\n");
        //const blob = new Blob([csvContent], {type: 'text/csv;charset=utf-8;'});//英文
        const blob = new Blob([new Uint8Array([0xEF, 0xBB, 0xBF]), csvContent], {
      
      type: 'text/csv;charset=utf-8;'});//中文
        const link = document.createElement("a");
        if (link.download !== undefined) {
      
       // 支持下载属性
            const url = URL.createObjectURL(blob);
            link.setAttribute("href", url);
            link.setAttribute("download", fileName);
            link.style.visibility = 'hidden';
            document.body.appendChild(link);
            link.click();
            document.body.removeChild(link);
        }
    }

    // 示例数据
    const data = [
       ["部门", "员工", "奇葩量(100天内共计:6)"],
        ["客户中心•奇葩公司•奇葩客户1部", "qipa1", "qipa250_1"],
        ["客户中心•奇葩公司•奇葩客户2部", "qipa2", "qipa250_2"],
        ["客户中心•奇葩公司•奇葩客户3部", "qipa3", "qipa250_3"],
        ["客户中心•奇葩公司•奇葩客户4部", "qipa4", "qipa250_4"],
        ["客户中心•奇葩公司•奇葩客户5部", "qipa5", "qipa250_5"],
        ["客户中心•奇葩公司•奇葩客户6部", "qipa6", "qipa250_6"],
        ["客户中心•奇葩公司•奇葩客户7部", "qipa7", "qipa250_7"]
    ];

    // 调用函数下载Excel文件
    downloadExcelFile(data, "奇葩250数据表.csv");

</script>

</body>
</html>

猜你喜欢

转载自blog.csdn.net/guo_qiangqiang/article/details/139654403