Javascript 如何在vuejs中将所有excel数据转换为JSON
我正在使用vue json excel为用户动态生成excel模板文件。在用户在模板文件中填充数据之后,我希望将其作为输入,并将所有数据转换为JSON格式,然后将其发送到服务器端,但不知道如何操作Javascript 如何在vuejs中将所有excel数据转换为JSON,javascript,json,excel,vue.js,vuejs2,Javascript,Json,Excel,Vue.js,Vuejs2,我正在使用vue json excel为用户动态生成excel模板文件。在用户在模板文件中填充数据之后,我希望将其作为输入,并将所有数据转换为JSON格式,然后将其发送到服务器端,但不知道如何操作 <template> <div id="app"> <md-field @change="previewFiles"> <label>upload excel file</label> &l
<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>
上传excel文件
导出默认值{
组成部分:{
loginComponent,
上载组件
},
数据(){
返回{
元数据文件:null
}
},
方法:{
预览文件(事件){
log(event.target.files);
console.log(这个.metaDataFile);
}
}
}
Excel文件基本上是一个zipfile,其中包含原始数据。。。
您可以手动执行此操作,也可以使用lib执行此操作
你可以试试这个:
Excel文件基本上是一个zipfile,其中包含原始数据。。。 您可以手动执行此操作,也可以使用lib执行此操作 你可以试试这个: 这对我很有效
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);
}
这对我有用
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);
}