找回密码
 立即注册

QQ登录

只需一步,快速开始

Derrick.Jiao 讲师达人认证 悬赏达人认证 SpreadJS 开发认证
论坛元老   /  发表于:2021-9-10 10:25  /   查看:1873  /  回复:0
近期,有些小伙伴有导入导出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获取。
  1. function csvChange() {
  2.                 var ssjsonFile = document.getElementById("fileDemoCsv").files[0];

  3.                 //获取到文件列表
  4.                 var files = $('#fileDemoCsv').prop('files');
  5.                 //新建一个FileReader
  6.                 var reader = new FileReader();
  7.                 //读取文件
  8.                 reader.readAsText(files[0], "UTF-8");
  9.                 //读取成功触发onload事件
  10.                 reader.onload = function (evt) {
  11.                     var fileString = evt.target.result;
  12.                     sheet.setCsv(0, 0, fileString, "\r\n", ",");

  13.                 };
  14.                 // 读取失败触发onerror
  15.                 reader.onerror = function (e) {
  16.                     console.log(e);
  17.                 };
  18.         }
复制代码


导出CSV,我们只需使用getCsv获取到csv,在调用导出文件的方法即可。
  1. var testJson = spread.getSheet(0).getCsv(0, 0, spread.getSheet(0).getRowCount(), spread.getSheet(0).getColumnCount(), "\r\n", ",");
复制代码


下载附件即可查看完整的demo,导出文件的方法里面也有写,这边就不赘述了,直接使用即可。

ImportCSV.html

3.62 KB, 下载次数: 49

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部