如何在vuejs中将所有excel数据转换为JSON [英] How to convert all excel data to JSON in vuejs
本文介绍了如何在vuejs中将所有excel数据转换为JSON的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 vue-json-excel 为用户动态生成 excel 模板文件.用户在模板文件中填写数据后,我想将其作为输入并将所有数据转换为 JSON 格式并将其发送到服务器端,但不知道该怎么做.
<div id="应用程序"><md-field @change="previewFiles"><label>上传excel文件</label><md-file v-model="metaDataFile" @change="previewFiles"/></md-field>
</模板><脚本>导出默认{成分: {登录组件,上传组件},数据() {返回 {元数据文件:空}},方法:{预览文件(事件){console.log(event.target.files);console.log(this.metaDataFile);}}}
解决方案
这对我有用
previewFiles(e) {var files = e.target.files, f = files[0];var reader = new FileReader();reader.onload = function(e) {var data = new Uint8Array(e.target.result);var workbook = XLSX.read(data, {type: 'array'});让 sheetName = workbook.SheetNames[0]/* 在这里对工作簿做一些事情 */控制台日志(工作簿);let worksheet = workbook.Sheets[sheetName];控制台日志(XLSX.utils.sheet_to_json(工作表));};reader.readAsArrayBuffer(f);}
I am dynamically generating excel template file using vue-json-excel for the user. After user filling data in the template file i want take it as a input and convert all data in JSON formate and send it to the server side but not getting how to do .
<template>
<div id="app">
<md-field @change="previewFiles">
<label>upload excel file</label>
<md-file v-model="metaDataFile" @change="previewFiles" />
</md-field>
</div>
</template>
<script>
export default {
components: {
loginComponent,
uploadComponent
},
data() {
return {
metaDataFile: null
}
},
methods:{
previewFiles(event) {
console.log(event.target.files);
console.log(this.metaDataFile);
}
}
}
</script>
解决方案
this worked for me
previewFiles(e) {
var files = e.target.files, f = files[0];
var reader = new FileReader();
reader.onload = function(e) {
var data = new Uint8Array(e.target.result);
var workbook = XLSX.read(data, {type: 'array'});
let sheetName = workbook.SheetNames[0]
/* DO SOMETHING WITH workbook HERE */
console.log(workbook);
let worksheet = workbook.Sheets[sheetName];
console.log(XLSX.utils.sheet_to_json(worksheet));
};
reader.readAsArrayBuffer(f);
}
这篇关于如何在vuejs中将所有excel数据转换为JSON的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文