vue通过文件流读取本地excel文件

在Vue应用中，要通过文件流（File Stream）从本地读取Excel文件，你可以使用第三方库如`xlsx`或`js-xlsx`，它们提供了处理Excel文件的功能。以下是一个基本的步骤：

1. 首先，确保在项目中安装必要的库。如果你还没有安装，可以通过npm或yarn进行安装：

   npm install xlsx // 或者
   yarn add xlsx

2. 创建一个方法，使用HTML5的`FileReader` API读取文件流。当用户选择文件后，这个方法会被触发。

<template>
  <!-- ... -->
  <input type="file" @change="uploadExcelFile" />
</template>

<script>
import XLSX from 'xlsx';

export default {
  methods: {
    uploadExcelFile(e) {
      const file = e.target.files[0];
      if (file.type === 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' || file.type === 'application/vnd.ms-excel') { // 检查是否为Excel文件
        const reader = new FileReader();
        reader.onload = (event) => {
          try {
            const workbook = XLSX.read(event.target.result, {type: 'binary'});
            // 这里你可以操作 workbook 对象，例如获取数据或解析单元格
            const sheetNameList = workbook.SheetNames;
            console.log('Sheet names:', sheetNameList);
          } catch (error) {
            console.error('Error reading Excel file:', error);
          }
        };
        reader.readAsArrayBuffer(file); // 使用ArrayBuffer读取文件
      } else {
        alert('Please select an Excel (.xlsx or .xls) file.');
      }
    },
  },
};
</script>

在这个例子中，我们首先检查文件类型是否是Excel，然后使用`FileReader`读取文件到`ArrayBuffer`，接着传递给`XLSX.read`函数转换为JS对象以便进一步操作。