javascript - 在 JavaScript/SAPUI5 中读取 Excel (xlsx) 文件数据的问题

Question

我正在尝试使用 FileReader api 在我的 SAPUI5 应用程序中读取 .xlsx 文件。我用来上传文件的 UI5 控件是 sap.ui.unified.FileUploader我的要求是读取 Excel 工作表的内容并将其数据显示在我的 UI5 应用程序中的表格中。

为此，我创建了一个 FileReader 实例并调用它的 .readAsBinaryString 或 .readAsText 方法并将我的文件传递给它。读取内容时，在onload事件内部，文件内容以不可读格式显示(引用下文)

我错过了什么吗？还是有其他读取 Excel 数据的方法？

Answer 1

感谢mkysoft的和this回答。我能够读取 .xlsx 文件内容。

为此，我必须在我的项目中创建两个文件 jszip.js 和 xlsx.js。我为它们创建了一个单独的文件夹，并在我的 Controller 的 sap.ui.define 部分提到了这两个文件的位置。

这两个库可在 CDNJS - JSZip 3和 CDNJS - XLSX 4地点。

sap.ui.define([
    "sap/ui/core/mvc/Controller",
    .... //other libraries
    "projectnamespace/foldername/jszip",
    "projectnamespace/foldername/xlsx"
], function (Controller,...., jszip, xlsx)

然后，为了读取 .xlsx 文件，我添加了以下代码:

    var oFileUploader = sap.ui.getCore().byId("fileUploader"); // get the sap.ui.unified.FileUploader
    var file = oFileUploader.getFocusDomRef().files[0]; // get the file from the FileUploader control
    if (file && window.FileReader) {
        var reader = new FileReader();
        reader.onload = function (e) {
            var data = e.target.result;
            var excelsheet = XLSX.read(data, {
                type: "binary"
            });
            excelsheet.SheetNames.forEach(function (sheetName) {
                var oExcelRow = XLSX.utils.sheet_to_row_object_array(excelsheet.Sheets[sheetName]); // this is the required data in Object format
                var sJSONData = JSON.stringify(oExcelRow); // this is the required data in String format
            });
        };
        reader.readAsBinaryString(file);
    }