Spread.Sheets V10 前端导入导出

Spread.Sheets一个最大的亮点就是纯前端导入导出,我们详细了解下如何使用吧。

发布于 2016/12/28 00:00

纯前端导入导出是V10中引人关注的功能之一。

使用前端excelio,可以将Excel文件(.xlsx)导入为JSON,将JSON对象导出为Excel。

 

  • 导入

导入时使用excelio的open方法,在successCallBack回掉中我们可以获取到Spread.Sheets的JSON对象。

var excelFile = document.getElementById("fileDemo").files[0];
excelIO.open(excelFile, function (json) {
    var workbookObj = json;
    workbook.fromJSON(workbookObj);
}, function (e) {
    console.log(e);
});

 

 

  • 导出

导出时使用save方法,传递json对象,在successCallBack中会获得一个Excel文件的blob对象。您可以在前段通过使用FileSaver.js直接保存Excel,也可将blob提交服务器处理。

var fileName = document.getElementById("exportFileName").value;
if (fileName.substr(-5, 5) !== '.xlsx') {
    fileName += '.xlsx';
}
var json = JSON.stringify(workbook.toJSON());
excelIO.save(json, function (blob) {
    saveAs(blob, fileName);
}, function (e) {
    console.log(e);
});

 

 

 

需要注意的是前端ExcelIO仅支持07格式的Excel(.xlsx).

支持浏览器为:Microsoft IE10+、Mozilla FireFox、Safari和Google Chrome

导出时使用了开源组件FileSaver,github地址:https://github.com/eligrey/FileSaver.js/

 

更多资源

如果您对SpreadJS产品感兴趣,请到官方网站下载试用:/developer/spreadjs

产品咨询电话:400-657-6008

Spread.Sheets中文学习指南:http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples

Spread.Sheets在线英文产品文档:http://sphelp.grapecity.com/webhelp/SpreadSheets10/webframe.html

关于葡萄城

葡萄城是专业的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。葡萄城开发技术始于1980年,40余年来始终聚焦软件开发技术,有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态,与超过3000家合作伙伴紧密合作,产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。

推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

加微信获取技术资讯

加微信获取技术资讯

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态