javascript - 如何在vuejs中将所有excel数据转换为JSON

Question

这个问题在这里已经有了答案:





Create structured JSON object from CSV file in JavaScript?

(3 个回答)


2年前关闭。




我正在使用 vue-json-excel 为用户动态生成 excel 模板文件。用户在模板文件中填写数据后，我想将其作为输入并将所有数据转换为 JSON 格式并将其发送到服务器端，但不知道该怎么做。

<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>

Answer 1

这对我有用

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