base64 图像在 headertemplate puppeteer 中尝试渲染图像时损坏

Question

我想使用 puppeteer/PDFOptions 创建一个 pdf。它在 headerTemplate 中包含一个 base64 编码的图像：

await page.pdf({
  displayHeaderFooter: true,
  printBackground: true,
  headerTemplate:
    '<img class="header-logo" src="data:image/png;base64,${headerimgtry}" style="height:100px; width:100px">',
  footerTemplate: '<h1">Footer</h1>',
  margin: "30px",
  format: "A4",
  path: "output.pdf",
});

但它只显示一个占位符而不是图像：

如何正确显示pdf中的图像？

Answer 1

我正在使用不同的模板引擎，最近遇到了这个问题。用正斜杠转义

img/png

到

img//png

为我修复了它。