How to convert all excel data to JSON in vuejs [duplicate]

问题

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>

回答1:

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);
       }