Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用SheetJS/js xlsx提取Excel数据及其在AngularJS中的使用_Javascript_Angularjs_Node.js_Excel_Js Xlsx - Fatal编程技术网

Javascript 使用SheetJS/js xlsx提取Excel数据及其在AngularJS中的使用

Javascript 使用SheetJS/js xlsx提取Excel数据及其在AngularJS中的使用,javascript,angularjs,node.js,excel,js-xlsx,Javascript,Angularjs,Node.js,Excel,Js Xlsx,我想提取xlsx数据并显示在我的网页上。我使用SheetJS/js xlsx从XL工作表中提取数据。数据已成功提取,但我不确定如何将此数据提取到AngularJS中以供进一步使用 /*设置XMLHttpRequest*/ var url=“test.xlsx”; var oReq=新的XMLHttpRequest(); open(“GET”,url,true); oReq.responseType=“arraybuffer”; oReq.onload=函数(e){ var arraybuffe

我想提取xlsx数据并显示在我的网页上。我使用SheetJS/js xlsx从XL工作表中提取数据。数据已成功提取,但我不确定如何将此数据提取到AngularJS中以供进一步使用

/*设置XMLHttpRequest*/
var url=“test.xlsx”;
var oReq=新的XMLHttpRequest();
open(“GET”,url,true);
oReq.responseType=“arraybuffer”;
oReq.onload=函数(e){
var arraybuffer=oReq.响应;
/*将数据转换为二进制字符串*/
var数据=新的Uint8Array(arraybuffer);
var arr=新数组();
对于(var i=0;i!=data.length;++i)arr[i]=String.fromCharCode(data[i]);
var bstr=arr.join(“”);
/*调用XLSX*/
变量工作簿=XLSX.read(bstr{
类型:“二进制”
});
/*在这里用工作簿做些什么*/
var first_sheet_name=workbook.SheetNames[0];
/*获取工作表*/
var工作表=工作簿.工作表[第一张工作表名称];
var xldata=XLSX.utils.sheet_至_json(工作表{
真的吗
})
console.log(xldata);
}

oReq.send()似乎xlData正在返回一个JSON对象。因此,您不能期望以console能够向您展示的相同方式看到它

为什么不在html中使用ng repeat来读取和显示xldata

在html中,执行以下操作

<Table>
<Thead>
<Tr>
<Th ng-repeat="(key,val) in message[0]">{{key}}</th>
</tr>
</thead>
<Tbody>
<Tr ng-repeat="(key,val) in message">
<Td>{{val}}</td>
</tr>
</tbody>
</Table>

{{key}}
{{val}}
当然,如果您共享了xldata JSON对象的一段代码片段,则建议您这样做会更容易