javascript - 在 pdfmake 中使用 dataUrl 时出现无效图像错误

Question

我正在使用 pdfmake 在 Angular 应用程序中生成 PDF 文档，并且只是尝试使用 dataURL 将图像添加到输出(遵循 pdfmake docs 。

        var docDefinition = {
          content: [
            {
              table: {
                widths: ['*'],
                body: [
                  [{text: 'Table text goes here', style: 'tableCellPadded'}]
                ]
              },
            },
            {
              image: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAACHCAYAAADqQ...AABJRU5ErkJggg==",
              width: 152
            }
            '...various other text lines go here...'
          ],
          styles: {
            header: {
              bold: true,
              fontSize: 14
            },
            tableCellPadded: {
              margin: [0, 15, 0, 15],
              bold: true,
              fontSize: 14
            },
            note: {
              fontSize: 16,
              bold: true,
              italics: true
            }
          }
        };

但是，当我尝试打印文档时，我在控制台中收到此错误:

invalid image, images dictionary should contain dataURL entries (or local file paths in node.js)

据我所知，我已在文档定义对象中正确输入了该项目，并且我的 dataURL 有效(我已在浏览器中对其进行了测试)。我还有什么遗漏的吗？

谢谢。

Answer 1

好的，我将此归因于 ID-10-T 错误。我的带有 base64 编码 URL 的线路工作正常。我在文档定义对象的更下方发现了另一行，其中我没有正确引用图像，并且该行抛出了错误。