记录.前端实现导出Excel、CSV、PDF文件

最新推荐文章于 2024-05-02 11:12:49 发布

红色的苏里南苦樱桃

最新推荐文章于 2024-05-02 11:12:49 发布

阅读量240

点赞数

分类专栏： JS 文章标签： excel js

本文链接：https://blog.csdn.net/weixin_44962808/article/details/107976841

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

一、导出CSV文件

<body>
    <button id="export">点击我导出CSV文件</button>
    <script>
        function exportCsv(obj) {//json数据导出方法
            let title = obj.title;//列表头部
            let dataKey = Object.keys(obj.data[0]);//拿到对象数据的键，因为是一样的所以只去第一个即可
            let data = obj.data;//列表内容
            let str = [];
            str.push(obj.title.join(",") + "\r\n");//拼接 enter 键或者换行符
            for (let i = 0; i < data.length; i++) {
                let temp = [];
                for (let j = 0; j < dataKey.length; j++) {
                    temp.push(data[i][dataKey[j]]);
                }
                str.push(temp.join(",") + "\r\n");//拼接 enter 键或者换行符
            }
            let blob = new Blob(['\uFEFF' + str.join('')], {
                type: 'text/plain;charset=utf-8',
            });
            let downloadLink = document.createElement("a");
            downloadLink.href = URL.createObjectURL(blob);
            downloadLink.download = "test.csv";//导出的文件名
            downloadLink.click();
        }
        document.getElementById("export").onclick = function () {
            exportCsv({
                title: ["国家", "首都", "GDP"],
                data: [
                    {country:'中国',city:'北京',gdp:'8千万亿'},
                    {country:'俄罗斯',city:'莫斯科',gdp:'7千万亿'},
                    {country:'巴西',city:'巴西利亚',gdp:'6千万亿'},
                    {country:'日本',city:'东京',gdp:'5千万亿'},
                    {country:'英国',city:'伦敦',gdp:'4千万亿'},
                    {country:'法国',city:'巴黎',gdp:'3千万亿'},
                    {country:'韩国',city:'首尔',gdp:'2千万亿'},
                ]
            });
        }
    </script>
</body>

红色的苏里南苦樱桃

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
记录.前端实现导出Excel、CSV、PDF文件

一、导出CSV文件<body> <button id="export">点击我导出CSV文件</button> <script> function exportCsv(obj) {//json数据导出方法 let title = obj.title;//列表头部 let dataKey = Object.keys(obj.data[0]);//拿到对象数据的键，因为是一样的所以只
复制链接

扫一扫