前端（vue）exceljs导出Excel（导出图片）

在Vue中使用exceljs库导出包含图片的Excel文件，你需要先安装exceljs和file-saver库：

npm install exceljs file-saver

以下是一个简单的例子，展示如何使用exceljs在Vue中导出包含图片的Excel文件：

import ExcelJS from 'exceljs';
import { saveAs } from 'file-saver';
 
export default {
  methods: {
    async exportExcelWithImage() {
      // 创建工作簿
      const workbook = new ExcelJS.Workbook();
      const worksheet = workbook.addWorksheet('My Sheet');
 
      // 添加文本、数字、公式等单元格
      worksheet.addRow(['Hello', 'World']);
      worksheet.addRow([{ value: 123, numFmt: '#,##0' }]);
      worksheet.addRow([{ formula: 'SUM(B2:B3)', result: 123 }]);
 
      // 添加图片（需要是base64编码的图片）
      const imageId = workbook.addImage({
        base64: '...', // 这里是图片的Base64编码
        extension: 'png',
      });
      worksheet.addImage(imageId, 'A5:H13'); // 图片将覆盖从A5到H13的单元格区域
 
      // 定义导出的文件名
      const filename = 'excel-with-image.xlsx';
 
      // 生成Excel文件
      const buffer = await workbook.xlsx.writeBuffer();
 
      // 使用FileSaver保存文件
      saveAs(new Blob([buffer]), filename);
    },
  },
};

在实际应用中，你需要将图片编码替换为实际的图片Base64编码，并调用exportExcelWithImage方法来触发导出。注意，这个例子中的图片编码是硬编码的，实际应用中你需要从服务器或者本地文件系统获取图片并转换为Base64编码。