前端导出功能实现--csv文件格式

最新推荐文章于 2023-09-04 21:43:19 发布

Yarcl

最新推荐文章于 2023-09-04 21:43:19 发布

阅读量4k

点赞数 4

文章标签： javascript csv export

本文为博主原创文章，未经博主允许不得转载。所有资源均在网上搜录获取，如有侵权，请联系本人删除!遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。云服务器68元一年:https://i.didiyun.com/280m3s8jYPM

本文链接：https://blog.csdn.net/u012225679/article/details/80742670

版权

记录一下前端导出文件的功能，目前该功能仅支持导出csv文件格式，如下是function:

function exportCvs(com,model,param){
            var title = storageObj.title;
            var titleForKey = storageObj.titleForKey;
            var data = storageObj.data;
            var str = [];
            str.push(storageObj.title.join(",")+"\n");
            for(var i=0;i<data.length;i++){
                var temp = [];
                for(var j=0;j<titleForKey.length;j++){
                    temp.push(data[i][titleForKey[j]]);
                }
                str.push(temp.join(",")+"\n");
            }
            var uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str.join(""));
            var downloadLink = document.createElement("a");
            downloadLink.href = uri;
            downloadLink.download = new Date().toISOString().substring(0,10)+"-labelDetail.csv";
            document.body.appendChild(downloadLink);
            downloadLink.click();
            document.body.removeChild(downloadLink);
};

参数com、model、param没有使用，可以不传递数据。
storageObj为一个Object对象，格式如下所示:
var storageObj = {
title:[“时间”,”label名称”, “点击次数”],
titleForKey:[“labelTime”, “labelName”, “labelCount”],
data:[]
};
titile是第一行的说明行，titleForKey的数组数量与title一致。
data是一个对象数组，基本的格式为:

[{
    "labelTime":"value1",
    "lableName":"value2",
    "labelCount":"value3"
},{
    "labelTime":"value4",
    "lableName":"value5",
    "labelCount":"value6"
},{
    "labelTime":"value7",
    "lableName":"value8",
    "labelCount":"value9"
}]