请问x-spreadsheet如何打开和导出excel文件？我想直接通过x-spreadsheet在线打开本地的excel文件，编辑好后又导出到本地，请问代码怎么写？
网友回复
思路就是
打开execl文件：用xlsx打开本地的execl文件转换成xspreadsheet可以理解的数据
保存下载excel文件：xspreadsheet将修改后的数据转换成xlsx理解的格式并触发下载
具体步骤：
先实例化一个grid
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/xlsx.full.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/xspreadsheet.js"></script>
<div id="gridctr"></div>
<script>
var grid = x_spreadsheet(document.getElementById("gridctr"));
</script>
下面是SheetJS的数据转换成x-spreadsheet代码
function stox(wb) {
var out = [];
wb.SheetNames.forEach(function(name) {
var o = {name:name, rows:{}};
var ws = wb.Sheets[name];
var aoa = XLSX.utils.sheet_to_json(ws, {raw: false, header:1});
aoa.forEach(function(r, i) {
var cells = {};
r.forEach(function(c, j) { cells[j] = ({ text: c }); });
o.rows[i] = { cells: cells };
})
out.push(o);
});
return out;
}
加载数据
grid.loadData(stox(workbook_object));
保存下载到本地
grid.getData() 返回所有数据可以转换回worksheet:
function xtos(sdata) {
var out = XLSX.utils.book_new();
sdata.forEach(function(xws) {
var aoa = [[]];
var rowobj = xws.rows;
for(var ri = 0; ri < rowobj.len; ++ri) {
var row = rowobj[ri];
if(!row) continue;
aoa[ri] = [];
Object.keys(row.cells).forEach(function(k) {
var idx = +k;
if(isNaN(idx)) return;
aoa[ri][idx] = row.cells[k].text;
});
}
var ws = XLSX.utils.aoa_to_sheet(aoa);
XLSX.utils.book_append_sheet(out, ws, xws.name);
});
return out;
}
转换完后下载到本地
/* build workbook from the grid data */ var new_wb = xtos(xspr.getData()); /* generate download */ XLSX.writeFile(new_wb, "SheetJS.xlsx");
完整的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>BFW NEW PAGE</title>
<script id="bfwone" data="dep=jquery-3.2.1.min|xspreadsheet|xlsx.full.min&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
<script type="text/javascript">
var fllename = "bfw.xls";
function stox(wb) {
var out = [];
wb.SheetNames.forEach(function(name) {
var o = {
name: name, rows: {}};
var ws = wb.Sheets[name];
var aoa = XLSX.utils.sheet_to_json(ws, {
raw: false, header: 1
});
...点击查看剩余70%
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
如何用html写出网页滚动视频播放卡片视觉差异效果的代码？
程序员如何低成本搭建代理进行科学上网学习技术？
threejs如何做个三维搭积木的游戏？
three如何实现标记多个起始路过地点位置后选择旅行工具（飞机汽车高铁等），最后三维模拟行驶动画导出mp4？
ai实时驱动的3d数字人可视频聊天的开源技术有吗
swoole+phpfpm如何实现不同域名指向不同目录的多租户模式？
如何用go替换nginx实现请求phpfpm解析运行php脚本？
有没有浏览器离线运行进行各种文档、图片、视频格式转换的开源工具？
如何使用go语言搭建一个web防火墙？
linux如何检测特定网络协议比如http协议中报文是否包含特点关键词并阻止返回给客户？
