Spread.Sheets前端打开服务器Excel

Spread.Sheets V10版本已经支持纯前端导入导出Excel,那么我们如何将服务器上的Excel用Spread.Sheets在前端展示呢?

发布于 2017/04/19 00:00

Spread.Sheets V10版本已经支持纯前端导入导出Excel,对于.Net用户可以使用服务端的ExcelIO组件将Excel文件解析成JSON后再在前端展示。但是对于其他平台用户就需要将Excel下载到前端后直接打开。

具体实现方式请参考下面代码示例,首先下载Excel文件为Blob对象,然后用excelio 打开即可。

 

var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
            var excelIo = new GC.Spread.Excel.IO();
            // Download Excel file
            var excelFilePath = 'template.xlsx';
            var xhr = new XMLHttpRequest();
            xhr.open('GET', excelFilePath, true);
            xhr.responseType = 'blob';
             
            xhr.onload = function(e) {
              if (this.status == 200) {
                // get binary data as a response
                var blob = this.response;
                // convert Excel to JSON
                excelIo.open(blob, function (json) {
                    var workbookObj = json;
                    spread.fromJSON(workbookObj);
                }, function (e) {
                    // process error
                    alert(e.errorMessage);
                }, {});
              }
            };
             
            xhr.send();

 

 

更多资源

如果您对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家合作伙伴紧密合作,产品广泛应用于信息和软件服务、制造、交通运输、建筑、金融、能源、教育、公共管理等支柱产业。

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

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

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