ant design pro + react 导出Excel表格包含图片

要导出Excel表格包含图片，可以使用以下步骤：

1. 安装 `xlsx` 和 `file-saver` 模块。

   npm install xlsx file-saver --save

2. 编写导出Excel表格的函数。

   import XLSX from 'xlsx';
   import FileSaver from 'file-saver';

   const exportExcel = (data) => {
     const wb = XLSX.utils.book_new();
     const ws = XLSX.utils.json_to_sheet(data);
     wb.Sheets['Sheet1'] = ws;

     // 添加图片
     const imgData = 'base64图片数据'; // 替换为实际的图片数据
     const img = new Image();
     img.src = imgData;
     const ctx = document.createElement('canvas').getContext('2d');
     ctx.drawImage(img, 0, 0);
     const imageData = ctx.canvas.toDataURL('image/jpeg');
     const imageBlob = dataURItoBlob(imageData);
     const imageFile = new File([imageBlob], 'image.jpg', { type: 'image/jpeg' });
     const imageId = XLSX.utils.generate_sheet_image_id();
     wb.SheetNames.push('Images');
     wb.Sheets['Images'] = {};
     wb.Sheets['Images'][imageId] = {
       '!type': 'jpeg',
       '!data': imageFile,
     };
     ws['!images'] = [{ id: imageId, start: { row: 0, column: 0 }, end: { row: 0, column: 0 } }];

     const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'binary' });

     FileSaver.saveAs(new Blob([s2ab(wbout)], { type: 'application/octet-stream' }), 'data.xlsx');
   };

   // 将Base64图片数据转换为Blob对象
   const dataURItoBlob = (dataURI) => {
     const byteString = atob(dataURI.split(',')[1]);
     const mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
     const ab = new ArrayBuffer(byteString.length);
     const ia = new Uint8Array(ab);
     for (let i = 0; i < byteString.length; i++) {
       ia[i] = byteString.charCodeAt(i);
     }
     return new Blob([ab], { type: mimeString });
   };

   // 将字符串转换为ArrayBuffer
   const s2ab = (s) => {
     const buf = new ArrayBuffer(s.length);
     const view = new Uint8Array(buf);
     for (let i = 0; i < s.length; i++) {
       view[i] = s.charCodeAt(i) & 0xff;
     }
     return buf;
   };

上述代码中，`data` 是要导出的数据数组，`imgData` 是要导出的图片数据，可以替换为实际的图片数据。`exportExcel` 函数将数据和图片添加到Excel工作簿中，并将工作簿下载到本地。

3. 调用导出Excel表格的函数。

   const data = [
     { name: '张三', age: 18 },
     { name: '李四', age: 20 },
   ];
   exportExcel(data);

上述代码中，`data` 是要导出的数据数组，调用 `exportExcel` 函数将数据和图片添加到Excel工作簿中，并将工作簿下载到本地。

以上就是Ant Design Pro + React导出Excel表格包含图片的实现方法。