用微信小程序前端生成带图片的excel

微信小程序前端可以使用js-xlsx库来生成带图片的excel文件。以下是具体实现步骤：

1. 引入js-xlsx库

在小程序页面的js文件中，使用require语句引入js-xlsx库：

const XLSX = require('xlsx');

2. 创建工作簿和工作表

使用XLSX.utils.book_new()方法创建一个工作簿，再使用XLSX.utils.aoa_to_sheet()方法将数据转换为工作表：

let wb = XLSX.utils.book_new();
let ws = XLSX.utils.aoa_to_sheet(data);

其中，data是一个二维数组，表示要生成的excel表格的数据。

3. 插入图片

使用XLSX.utils.sheet_add_image()方法向工作表中插入图片：

let img = wx.arrayBufferToBase64(res.data); // 将图片转为base64编码
let imgId = XLSX.utils.sheet_add_image(ws, img, {
  tl: { col: 1, row: 1 }, // 图片左上角所在的单元格
  br: { col: 2, row: 2 }, // 图片右下角所在的单元格
});

其中，res.data是获取到的图片数据，可以使用小程序的wx.request()方法获取。tl和br分别表示图片的左上角和右下角所在的单元格。

4. 将工作表添加到工作簿中

使用XLSX.utils.book_append_sheet()方法将工作表添加到工作簿中：

XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

其中，第三个参数表示工作表的名称。

5. 生成excel文件并保存

使用XLSX.write()方法将工作簿转换为二进制数据，并使用wx.saveFile()方法保存为文件：

let wbout = XLSX.write(wb, {
  bookType: 'xlsx',
  type: 'binary'
});
wx.saveFile({
  tempFilePath: wx.arrayBufferToBase64(wbout),
  success: function(res) {
    console.log(res.savedFilePath);
  }
});

其中，wx.arrayBufferToBase64()方法将二进制数据转换为base64编码，tempFilePath表示保存的文件路径。