使用 js-xlsx 包,我正在从页面中读取一个 excel 文件(成功),但我一直试图将该数据传回链上,以便页面可以使用它。
我在视图模型中编写了一个函数,该函数会在输入更改时触发:
<input name="xlfile" id="xlf" class="left" data-bind="event: { change: function () { handleXLSfile($element) } }" style="width: 200px;" type="file">
这会运行文件的快速预检查,然后像这样调用 XLSX 函数:
self.XLSdata = [];
self.EnrollstoValidate = [];
self.handleXLSfile = function (element) {
self.validManifest(false);
//var rABS = true;
var rABS = typeof FileReader !== "undefined" && (FileReader.prototype || {}).readAsBinaryString;
var files = element.files;
var f = files[0];
var fileNamePieces = f.name.split('.');
if (fileNamePieces.length <= 0) {
self.validManifest(false);
}
else {
var extension = fileNamePieces[fileNamePieces.length - 1];
if (extension == "xls" || extension == "xlsx") {
self.validManifest(true);
do_xlsfile(f);
}
}
};
我在他们自己的 js 文件中有相关的 XLSX 函数,因为我有三个页面将检索相似的文件,并且拥有一个函数更有意义,每个函数都调用所有三个函数并传回数据:
var global_wb;
X = XLSX;
var process_wb = (function () {
var strOUT = "";
var to_json = function to_json(workbook) {
var result = {};
workbook.SheetNames.forEach(function (sheetName) {
var roa = X.utils.sheet_to_json(workbook.Sheets[sheetName], { header: 1 });
if (roa.length) result[sheetName] = roa;
});
return result;
};
return function process_wb(wb) {
global_wb = wb;
var output = "";
output = to_json(wb);
strOUT = output;
if (typeof console !== 'undefined') console.log("output", new Date());
return output;
};
})();
var do_xlsfile = (function (f) {
var rABS = typeof FileReader !== "undefined" && (FileReader.prototype || {}).readAsBinaryString;
return function do_file(f) {
var XLSoutput = "";
var rABS = false;
var reader = new FileReader();
reader.onload = function (e) {
if (typeof console !== 'undefined') console.log("onload", new Date());
var data = e.target.result;
data = new Uint8Array(data);
XLSoutput = process_wb(X.read(data, { type: rABS ? 'binary' : 'array' }));
//self.XLSdata = XLSoutput;
};
reader.readAsArrayBuffer(f);
};
})();
当我浏览它时,似乎 reader.onload 的内容在函数完成调用后触发,所以我无法让它返回,我已经尝试过了。
我试图弄清楚如何/在哪里可以将 XLSoutput 对象传递回 Knockout 区域,以便我可以对其进行操作、将其显示在屏幕上等。
这可能是由于对 Knockout 来说相对较新,并且对 xlsx 包的工作原理了解得不够多,因此无法知道我可以摆弄什么。
当然,除了 Knockout 之外,js-xlsx 包包含几乎所有其他正在创建的语言的示例。