sheetjs导入Excel(.xlsx)文件并解析为JSON或HTML格式

sheetjs github地址
sheetjs 效果演示

安装

1. npm install xlsx

2.  const XLSX = require("xlsx");
   

使用

上传文件

    <input
      type="file"
      ref="upload"
      accept=".xls,.xlsx"
      class="outputlist_upload"
    />

监听上传事件

转换为html sheet_to_html
转换为json sheet_to_json
更多其他方法见底部。

  mounted() {
   
    this.$refs.upload.addEventListener("change", e => {
   
      this.inputFile(e);
    });
  methods: {
   
    inputFile(e) {
   
      //获取到选中的文件
      const file = e.target.files[0];
      const type = file.name.split(".");
      if (type[type.length - 1] !== "xlsx" && type[type.length - 1] !== "xls") {
   
        alert("只能选择excel文件导入");
        return false;
      }
      const reader = new FileReader();
      reader.readAsBinaryString(file);
      reader.onload = e => {
   
        const data = e.target.result;
        const zzexcel = XLSX.read(data, {
    type: "binary" }); // 解析文件
        let result = [