嵌入位图和图像

为确保 HTML 内容不需要通过互联网连接来检索数据,可以将图像以 base64 的形式嵌入 HTML。在 HTML 中嵌入 base64 图像需要加载图像并将其信息转换为 base64。

下面是一个完整的示例,演示如何读取图像文件,将其转换为 base64 字符串,然后将其嵌入到 HTML 文档中。 最后,它展示了如何使用 IronPDF 从此 HTML 生成 PDF。

  • PdfWriter:此对象负责写入PDF文件。它作用于文件路径,并写入有效PDF文档所需的结构。

1.图像到 Base64 编码:

  • encodeImageToBase64(filePath) : 一个异步读取图像文件并将其转换为 base64 字符串的函数。
  • 使用fs.readFile读取图像文件。如果成功,则将数据转换为 base64 字符串并进行解析。

2.HTML内容设置:

  • createHtmlContent(base64Data) : 使用img标签内嵌入的 base64 图像数据构建 HTML 内容。

3.PDF生成:

  • generatePdf(filePath) : 主要函数,它首先调用encodeImageToBase64 ,然后createHtmlContent ,最后通过IronPdf创建 PDF,从而协调整个过程。
  • 使用IronPdf.PdfDocument.fromHtml从 HTML 内容生成 PDF 文档。
  • 使用pdf.saveAs保存生成的 PDF。

4.执行:

  • 使用所需图像文件的路径调用 generatePdf

该脚本有效地结合了读取图像、将其转换为 base64 以便嵌入 HTML 以及使用 IronPDF 渲染 PDF 等功能。

探索完整的 Base64 图像嵌入示例

准备开始了吗?
版本: 2025.12 刚刚发布