angular - js-xls - Angular 上的工作表到 json 只返回第一行
问题描述
我有一个包含这些数据的 xlsx 文件:
Totale venduto | Differenza | Totale incassato
3.354,95 | 16,73 | 3.371,68
该文件以 的形式发送到方法,readBlob
如BLOB
以下代码所示:
import { utils, write, read, readFile, WorkBook, WorkSheet, } from 'xlsx';
export class ExportXlsService
{
public readBlob(data: any)
{
let reader = new FileReader()
reader.onload = () =>
{
let u8 = new Uint8Array(reader.result);
let wb: WorkBook = read(u8, { type: 'array' });
let wsname: string = wb.SheetNames[0];
let ws: WorkSheet = wb.Sheets[wsname];
console.log(JSON.stringify(ws));
// Read data
let xlsData = utils.sheet_to_json(ws, { header: 1 });
console.log(JSON.stringify(xlsData));
}
reader.readAsArrayBuffer(data);
}
}
我不明白为什么当我调用utils.sheet_to_json
它时只返回第一个数据行。
以下是控制台输出:
{"!ref":"A1:C1","A1":{"t":"s","v":"Totale venduto","r":"<t>Totale venduto</t>","h":"Totale venduto","w":"Totale venduto"},"B1":{"t":"s","v":"Differenza","r":"<t>Differenza</t>","h":"Differenza","w":"Differenza"},"C1":{"t":"s","v":"Totale incassato","r":"<t>Totale incassato</t>","h":"Totale incassato","w":"Totale incassato"},"A2":{"t":"n","v":3354.95,"w":"3,354.95"},"B2":{"t":"n","v":16.72999945282936,"w":"16.73"},"C2":{"t":"n","v":3371.679999452829,"w":"3,371.68"}}
[["Totale venduto","Differenza","Totale incassato"]]
解决方案
我发现了问题。在文档中,我看到工作表默认range
为(ws['!ref'])
. 所以看着console.log(JSON.stringify(ws))
我看到的内容,范围是"!ref":"A1:C1"
。
将范围设置为"!ref":"A1:C2"
:
let xlsData = utils.sheet_to_json(ws, { range: "A1:C2", header: 1 });
输出如下:
[["Totale venduto","Differenza","Totale incassato"],["3,354.95","16.73","3,371.68"]]
推荐阅读
- javascript - 在 Node.js 10.xx 中如何保证所有请求都异步完成,并将请求 url 映射到 promise 响应?
- java - 将解析后的数据添加到 Java 中的列表中
- azure - 将 C# Teams 消息扩展 (Bot) 部署到 Azure 的其他步骤?
- javascript - 在 React 中将 shouldcomponentupdate 转换为备忘录
- css - 如何将右框组件移动/对齐到更靠近左侧的位置?
- linux - 在 Linux shell 中对文本块进行排序?
- html - 将 HttpOnly JWT 令牌从父应用程序传递到嵌入式 iFrame?
- apache-kafka - 使用 KafkaJS 创建主题时出错
- ckeditor - 导入带格式的 RTF 文本
- javascript - 如何在 JS 中删除正确的对象属性值