使用autoTable库在表格主体插入图片显示[object object]求助

问题原因 #

当前配置不符合autoTable的图片插入规范，直接在cell根节点定义image字段会被识别为普通对象，因此显示[object object]。

正确配置方式 #

方式1：通过content字段传入图片对象 #

autoTable要求在cell的content属性中配置图片，而非直接在cell对象根节点声明：

pdf.autoTable({
  startY: rowY,
  body: [
    [
      { content: "", styles: { cellWidth: 5 } },
      {
        content: {
          image: user.image, // 确保此处为有效图片源（base64字符串、本地路径或Buffer）
          width: 30
        },
        colSpan: 2,
        styles: { // 可选：设置单元格对齐样式，让图片居中
          halign: 'center',
          valign: 'middle'
        }
      },
    ],
  ],
});

方式2：校验图片源格式 #

• 若user.image是网络图片，需先转换为base64或Buffer再传入；
• 本地图片直接传入完整文件路径；
• base64格式需包含完整的data URI前缀（例如data:image/png;base64,xxxxxx）。

额外注意点 #

• 使用colSpan时，要确保表格总列数与布局匹配，避免出现错乱；
• 可通过styles调整单元格内边距、对齐方式，优化图片显示效果。

内容的提问来源于stack exchange，提问作者Sharifu