近期,有些小伙伴有导入导出CSV的需求,但是不知道怎么将其导出和导入,那么今天教程来了~
我们对于CSV有两个接口提供,一个是getCsv,另一个是setCsv,下面是api,我们的导入导出就是围绕这两个api来实现。
https://demo.grapecity.com.cn/sp ... rksheet.html#getCsv
https://demo.grapecity.com.cn/sp ... rksheet.html#setCsv
导入CSV,我们就使用set方法,代码入戏,主要思路就是读取文件操作,然后文件转成fileString,最后通过setCsv设置。CSV接口的传参可以到上面api中了解,传参也可以通过input获取。
- function csvChange() {
- var ssjsonFile = document.getElementById("fileDemoCsv").files[0];
- //获取到文件列表
- var files = $('#fileDemoCsv').prop('files');
- //新建一个FileReader
- var reader = new FileReader();
- //读取文件
- reader.readAsText(files[0], "UTF-8");
- //读取成功触发onload事件
- reader.onload = function (evt) {
- var fileString = evt.target.result;
- sheet.setCsv(0, 0, fileString, "\r\n", ",");
- };
- // 读取失败触发onerror
- reader.onerror = function (e) {
- console.log(e);
- };
- }
复制代码
导出CSV,我们只需使用getCsv获取到csv,在调用导出文件的方法即可。
- var testJson = spread.getSheet(0).getCsv(0, 0, spread.getSheet(0).getRowCount(), spread.getSheet(0).getColumnCount(), "\r\n", ",");
复制代码
下载附件即可查看完整的demo,导出文件的方法里面也有写,这边就不赘述了,直接使用即可。
|
|