vue2 在线预览 xlsx 文件

为了在Vue2中实现在线预览xlsx文件，可以使用以下步骤：

1.安装依赖

npm install xlsx luckyexcel luckysheet

2.在需要预览xlsx文件的组件中引入依赖

import * as XLSX from 'xlsx';
import LuckyExcel from 'luckyexcel';
import luckysheet from 'luckysheet';

3.获取后端返回的二进制文件流，并将其转换为file对象

// 假设后端返回的二进制文件流为response.data
const file = new File([response.data], 'filename.xlsx', { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });

4.使用LuckyExcel解析file对象，得到对应的数据

const reader = new FileReader();
reader.onload = (e) => {
  const data = e.target.result;
  const workbook = XLSX.read(data, { type: 'binary' });
  const luckyExcelData = LuckyExcel.transformExcel(workbook);
  // luckyExcelData即为解析后得到的数据
};
reader.readAsBinaryString(file);

5.将解析后得到的数据通过Luckysheet进行展示

luckysheet.create({
  container: 'luckysheet', // 在哪个元素中展示Luckysheet
  data: luckyExcelData.sheets, // 解析后得到的数据
  title: luckyExcelData.info.name, // Excel文件名
});