纯前端下载 csv 格式文件

纯前端下载 csv 文件

table 数据

data() {return {header: [{_id: '01',label: '姓名',prop: 'name',},{_id: '02',label: '电话',prop: 'tel',},{_id: '03',label: '邮箱',prop: 'email',}]tableData: [{name: 'jack',tel: '0000-000000',email: 'jack@xx.com'},{name: 'mark',tel: '0000-111111',email: 'mark@xx.com'}]}
}

下载 csv 文件函数

function downloadCsv(header, data, fileName = "导出结果.csv") {if (!header || !data|| !Array.isArray(header) || !Array.isArray(data) || !header.length || !data.length) {return;}// 下面 blob 位置指定了文件格式，在此处就不需要再指定了// var csvContent = '';var csvContent = 'data:text/csv;charset=utf-8,\ufeff';const _header = header.map(h => h.label).join(",");const keys = header.map(item => item.prop);csvContent += _header + '\r\n';data.forEach((item, index) => {let dataString = '';for (let i = 0; i < keys.length; i++) {dataString += item[keys[i]] + ','}csvContent += index < data.length ? dataString.replace(/,$/, '\r\n') : dataString.replace(/,$/, '');});// 使用编码转换包// import Encoding from 'encoding-japanese'// 安装：npm i encoding-japanese// const unicodeArray = Encoding.stringToCode(csvContent)// const sjisArray = Encoding.convert(unicodeArray, {//   to: 'SJIS',//   from: 'UNICODE'// })// const UintArray = new Uint8Array(sjisArray);// const blobUrl = new Blob([UintArray], {type: 'text/csv'});//  console.log(csvContent);const a = document.createElement('a');a.href = URL.createObjectURL(csvContent);a.download = fileName;a.click();window.URL.revokeObjectURL(csvContent);
}

结果

纯前端下载 csv 格式文件相关推荐

纯前端下载pdf链接文件,而不是打开预览的解决方案
纯前端下载pdf链接文件,而不是打开预览的解决方案参考文章: (1)纯前端下载pdf链接文件,而不是打开预览的解决方案 (2)https://www.cnblogs.com/jackson-yqj/ ...
【web】【django】datatable的button扩展实现纯前端下载和copy指定列内容，以及django的HTTPResponse实现下载功能
Table of Contents 功能需求描述一使用Datatables实现纯前端下载.拷贝二 query db 实现下载(django) 功能需求描述用户需要以网页为媒介,从DB里拉取一些 ...
java 导出csv 格式,java导出csv格式文件的方法
这篇文章主要为大家详细介绍了java导出csv格式文件的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下导出csv格式文件的本质是导出以逗号为分隔的文本数据 imp ...
c++如何打开hdf5文件_如何打开CSV格式文件才能正常使用？
正文开始前先给大家来一波福利,欢迎大家扫码关注后,手动发送"薪酬"领取<企业薪酬管理必备资料包>! 注意:先扫码关注再回复回复关键词!先扫码关注再回复回复关键词!先扫码 ...
Java读写CSV格式文件（opencsv）
使用opencsv(opencsv-2.3.jar),下载地址:http://download.csdn.net/detail/jinwufeiyang/9664120 一,读取CSV格式文件: im ...
java csv 单元格格式_java导出csv格式文件的方法
本文实例为大家分享了java导出csv格式文件的具体代码,供大家参考,具体内容如下导出csv格式文件的本质是导出以逗号为分隔的文本数据 import java.io.BufferedWriter; ...
在线JSON转CSV格式文件工具
在线JSON转CSV格式文件工具在线JSON转CSV格式文件工具 CSV:逗号分隔值(Comma-Separated Values),其文件以纯文本形式存储表格数据(数字和文本).纯文本意味着该文件 ...
DBLP数据集用weka数据挖掘 xml转csv格式文件
DBLP数据集用weka数据挖掘 xml转csv格式文件写在前面 xml转csv格式文件数据预处理 weka数据挖掘写在前面之前做了中国科学院大学的一门研讨课<数据挖掘技术与应用> ...
pb 如何导出csv_打开CSV格式文件？英雄请留步
小伙伴们好啊,今天咱们继续分享一个WPS表格的实用技巧,看看如何不露声色的打开CSV格式文件. CSV文件是一种纯文本文件,在系统导出的数据很多就是这种格式. CSV格式文件图标和Excel的文件图标 ...

纯前端下载 csv 格式文件

纯前端下载 csv 文件

纯前端下载 csv 格式文件相关推荐

最新文章

热门文章