通过 Power Automate 使用 HTML 页眉和页脚，在每个 PDF 页面上添加您的徽标和元数据！
添加一个 公司标志， 文档元数据 （作者、日期、修订版），或 客户专属页脚 使用 Power Automate 将 PDF 文件转换为 PDF 格式，无需编写任何代码。本指南将引导您完成整个过程。 完整的五步流程 （触发器 → 获取 PDF → 获取头部文件 → 向 PDF 添加 HTML 头部和尾部 → 创建文件） 每一步的屏幕截图， 然后 HTML 代码片段示例 您可以复制并用于品牌推广、页码和客户专属页脚，此外 用例 例如报告标题和可重用的模板。
在 Power Automate 中添加 HTML 页眉/页脚：5 个步骤流程
以下是 Power Automate 中的完整流程： 扳机 → 使用路径获取 PDF 文件 （Dropbox）→ 使用路径获取头文件内容 （Dropbox）→ 向 PDF 添加 HTML 页眉/页脚 （PDF4me）→ 创建文件 （Dropbox）。以下每个步骤名称和参数均与屏幕截图中的用户界面相符。
前后对比： 输入的 PDF 文档是一个简单的文档（例如“示例 PDF 文档第 1 页…”）。流程运行后，该 PDF 文档将添加一个 HTML 头部，其中包含文档类型、ID、标题、作者、日期和版本信息，这些信息均来自您的头部文件。
输入PDF
输出 PDF
步骤 1：触发流程
添加 手动触发流程 （用于测试）或其他触发条件（例如，当文件夹中创建文件时）。无需设置任何参数。
步骤二：使用路径获取PDF文件（Dropbox）
此步骤会加载要添加页眉或页脚的 PDF 文件。
- 添加操作 → Dropbox → 获取文件内容 （或者按路径获取文件的操作；在截图中是） 使用路径获取 PDF 文件）。
- 参数（已根据截图核实）：
- 文件路径 （必填）：Dropbox 中 PDF 文件的完整路径，例如：
/pdf4metest/add html header footer to pdf/sample_3_page.pdf如果需要浏览，请使用文件夹图标。 - 打开 高级参数 → 设置 推断内容类型 到 是的。
- 底部： 已连接到 Dropbox。 使用 更改连接参考 如果您需要切换账户。
步骤 3：使用路径获取头部文件内容（Dropbox）
此步骤会加载页眉（或页脚）的 HTML 代码。将 PDF 兼容的 HTML 代码存储在一个文件中（例如，.pdf 文件）。 Header.html）在 Dropbox 中，并在此处阅读。
- 添加操作 → Dropbox → 获取文件内容 （或者 使用路径获取头文件内容 （如图所示）。
- 参数（已根据截图核实）：
- 文件路径 （必填）：HTML 文件的路径，例如：
/pdf4metest/add html header footer to pdf/Header.html。 - 高级参数 → 推断内容类型： 是的。
- 已连接到 Dropbox。 在底部。
步骤 4：向 PDF 添加 HTML 页眉/页脚 (PDF4me)
这是核心步骤：它获取 PDF 和 HTML，并输出应用了页眉（或页脚）的新 PDF。
- 添加操作 → PDF4me → 向 PDF 添加 HTML 页眉页脚。
- 参数（已根据截图核实）：
- 文件内容 （必填）：选择输出 使用路径获取 PDF 文件 （步骤 2 中的 PDF 二进制文件）。
- 文件名例如
Test.pdf（或您的源 PDF 的名称）。 - HTML 内容 （必填）：选择输出 使用路径获取头文件内容 （步骤 3 中的 HTML）。
- 地点： 标题 （或者 页脚 如果您要添加页脚）。
- 页： 全部 因此，页眉/页脚会应用于每一页。
- 跳过第一页： 不 如果您也希望首页显示页眉，请设置为 是的 跳过它。
- 上边距（像素）例如 15 （像素）。离开 左边距， 右边距， 和 边际底部 根据需要清空或设置。
- 底部： 已连接到 PDF4me。 使用你的 PDF4me API密钥 创建连接时。
步骤 5：创建文件（Dropbox）
将“添加 HTML 页眉页脚”步骤生成的 PDF 文件保存回 Dropbox（或其他文件夹）。
- 添加操作 → Dropbox → 创建文件。
- 参数（已根据截图核实）：
- 文件夹路径 （必填）：例如
/pdf4metest/add html header footer to pdf。 - 文件名 （必填）：例如
Test_Output.pdf。 - 文件内容 （必填）：请选择 输出 从 向 PDF 添加 HTML 页眉页脚 （修改后的PDF文件）。请勿使用“获取PDF”命令的输出结果，那是原始文件；新文件是“PDF4me”操作生成的文件。
- 已连接到 Dropbox。 在底部。
运行流程。您应该会看到一个新文件（例如： Test_Output.pdf在应用了 HTML 头部或尾部的文件夹中。有关完整的操作参考，请参阅 在 Power Automate 中向 PDF 添加 HTML 页眉和页脚。
HTML 代码片段示例：复制并测试
使用这些 PDF友好 片段 添加 HTML 页眉页脚 API 测试器 或 Power Automate。 展开下方任意代码片段即可查看并复制代码。：保持列表简短，直到你需要它为止。
标题
双栏格式（作者、日期、修订版）Right column stays aligned; replace text with your own or flow variables.
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
<tr>
<td style="width: 50%; vertical-align: top;"></td>
<td style="width: 50%; text-align: right; vertical-align: top;">
Author: Per Nordqvist<br/>
Date: 2025-11-12<br/>
Revision: 4.24
</td>
</tr>
</table>
页眉（含页码）Use placeholders {{page}} and {{total}} in the HTML; PDF4me replaces them per page.
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
<tr>
<td style="width: 50%; vertical-align: top;">Document title</td>
<td style="width: 50%; text-align: right;">
Author: Your Name | Date: 2025-11-12 | Page 1 of 5
</td>
</tr>
</table>
简单的居中单线
<div style="text-align: center; font-family: Arial, sans-serif; font-size: 12px; color: #333333;">Document Title - Confidential</div>
三栏（左/中/右）Logo area, title, date/revision.
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
<tr>
<td style="width: 25%; vertical-align: middle;">[Logo]</td>
<td style="width: 50%; text-align: center; vertical-align: middle;">Project Report 2025</td>
<td style="width: 25%; text-align: right; vertical-align: middle;">2025-11-12 | v1.0</td>
</tr>
</table>
带底部边框的页眉
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 12px; border-bottom: 1px solid #cccccc;">
<tr>
<td style="padding: 4px 0;">Technical Specification</td>
<td style="text-align: right; padding: 4px 0;">Revision 4.24</td>
</tr>
</table>
两行标题 + 副标题
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif;">
<tr>
<td style="font-size: 14px; font-weight: bold;">Quarterly Report Q4 2025</td>
</tr>
<tr>
<td style="font-size: 10px; color: #666666;">Prepared by Finance Team</td>
</tr>
</table>
仅右对齐元数据
<div style="text-align: right; font-family: Arial, sans-serif; font-size: 10px;">Author: Jane Doe<br/>Date: 2025-11-12<br/>Doc ref: DR-2025-001</div>
左侧标题 + 右侧修订（一行）
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
<tr>
<td style="width: 70%; vertical-align: top;">Contract Agreement</td>
<td style="width: 30%; text-align: right; vertical-align: top;">Revision 4.24 | 2025-11-12</td>
</tr>
</table>
彩色标题（例如红色）Centered colored text.
<div style="text-align: center; font-family: Arial; font-size: 12px; color: #FF0000;">Document Header PDF4me</div>
页脚
法律/保密
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 9px; color: #666666;">
<tr>
<td style="text-align: center; padding: 4px 0;">Confidential. For internal use only. All rights reserved.</td>
</tr>
</table>
仅页码Use placeholders in flow for dynamic "Page X of Y".
<div style="text-align: center; font-family: Arial, sans-serif; font-size: 10px;">Page 1 of 5</div>
小小免责声明
<div style="font-family: Arial, sans-serif; font-size: 8px; color: #888888; text-align: center;">This document is provided as-is. No warranty.</div>
发送 HTML 之前：检查清单
添加 HTML 页眉/页脚 API 需要 纯 HTML 在 html内容 （非 Base64 编码）。为了获得可靠的 PDF 输出：
- 内联 CSS， 使用
style="..."在元素上。API 支持内联 CSS；外部样式表不会应用于页眉/页脚区域。 - 表格或简单方块使用
<table>或者带有明确说明的 div 元素。宽度（例如。宽度：50%因此，PDF 引擎不会重新排版或换行。 - 布局为了获得可预测的结果，请使用带有明确宽度的表格或块布局；许多 PDF 引擎都能很好地处理这些布局。
- 单位， 使用
像素或者%字体大小和边距；API 边距参数以像素为单位。 - 先测试将您的代码片段粘贴到 向 PDF 添加 HTML 页眉/页脚 在 Power Automate 或其他流程中使用之前，请使用示例 PDF 和您的 API 密钥进行测试。
:::提示：在您的开发环境中进行测试
将上面的任意代码片段粘贴到此处 html内容 领域的 向 PDF 添加 HTML 页眉/页脚 测试人员，请添加您的 API 密钥和示例 PDF，然后选择 标题 或者 页脚每个代码块都是一个单独的待复制选项。 :::
公司徽标、客户特定页脚和其他信息
您可以使用相同的“添加 HTML 页眉/页脚”API 来添加一个 公司标志 在标题中， 每个客户的页脚信息都不同， 和 任何额外字段 通过根据您的数据构建 HTML 并将其作为参数传递（发票号码、项目代码、帐户 ID） html内容。
页眉或页脚带有公司徽标
API 支持 嵌入图像 在 HTML 中。使用一个 <img> 标签 公共网址 或 Base64 数据 URI 这样，徽标就会出现在页眉或页脚中。图片要小，并放在表格内，以确保布局适合 PDF 格式。
例如：左侧为带有公司标志的标题，右侧为公司名称+标语。Replace the logo URL; use Header as location in API or Power Automate.
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 11px;">
<tr>
<td style="width: 80px; vertical-align: middle; padding-right: 12px;">
<img src="https://your-domain.com/logo.png" alt="Logo" style="max-width: 72px; max-height: 36px; display: block;" />
</td>
<td style="vertical-align: middle;">
<strong>Your Company Name</strong><br/>
<span style="font-size: 9px; color: #666666;">Tagline or document type</span>
</td>
</tr>
</table>
代替 https://your-domain.com/logo.png 使用您的徽标 URL（如果您的系统支持，也可以使用 Base64 数据 URI）。 标题 作为调用 API 或 Power Automate 操作时的位置。
每个客户的页脚信息
当您生成 PDF 文件时 多位客户您可以添加 每个页脚信息都不同 通过从客户或文档数据构建 HTML 字符串。在 Power Automate 中，使用“应用到每个”中的变量（例如，客户名称、帐户 ID、文档参考）；在代码中，在调用“添加 HTML 页眉/页脚”之前，从列表或 API 响应构建字符串。
例如：包含客户名称和帐户信息的页脚Replace placeholders with your flow variables (e.g. CustomerName, AccountId, DocumentRef).
<table style="width: 100%; border-collapse: collapse; font-family: Arial, sans-serif; font-size: 9px; color: #666666;">
<tr>
<td style="text-align: center; padding: 4px 0;">
Prepared for: Customer Name | Account: ACC-12345 | Doc ref: INV-2025-001
</td>
</tr>
</table>
代替 Customer Name， ACC-12345， 和 INV-2025-001 使用您的流程变量或字段（例如 CustomerName， AccountId， DocumentRef每个文档调用一次 API，以便每个 PDF 文件都能获得正确的页脚。
添加更多信息
您可以包含 任何额外信息 在页眉或页脚中：发票号、采购订单号、项目代码、部门、版本或自定义文本。使用相同的方法：构建一个包含这些值（来自您的流程、列表或数据库）的单个 HTML 字符串，然后将其作为参数传递。 html内容保持结构简洁（表格或带有内联样式的div），以便适配PDF格式。可以像上面的示例一样，添加徽标或客户定制的文字。
使用场景：Power Automate 与 API
您可以通过两种方式添加页眉和页脚：
- 动力自动化使用 向 PDF 添加 HTML 页眉/页脚 操作。将您的 PDF 文件放入 文件内容你的 HTML 代码 HTML 内容并选择 标题， 页脚， 或者 两个都。 放 页 （例如。
all）并根据需要留出边距。 - API： 称呼
POST /api/v2/AddHtmlHeaderFooter和 文档内容 （Base64 PDF） 文档名称， html内容 （纯 HTML）和 地点 （页眉、页脚或两者都有）。可选： 页面， 跳过第一页以及边际参数。
两处都使用相同的 HTML 代码；本文中的代码片段在这两处都适用。
高级用例
以下是 高级用例 用于 HTML 页眉和页脚：
1. 技术标题和报告标题（作者、日期、版本）
使用案例： 您生成报告或技术文档（例如，通过 Power Automate、SharePoint 或 BI 工具生成），并且需要一个包含以下内容的标题： 作者， 日期， 和 修订 为了便于追溯和合规，每页都应包含（或版本）信息。
为什么是两列： 左侧列用于放置徽标或文档标题；右侧列用于放置元数据，使其保持对齐且不会换行。使用列宽固定、样式内联的简单表格。
提示： 在流程中构建 HTML 字符串（例如，使用列表或变量中的动态作者/日期/修订），然后将其传递给“添加 HTML 页眉页脚”操作。
2. Power Automate 中的自动报表品牌化
使用案例： 流程生成或获取 PDF（例如从 Power BI、Excel 或模板），然后在保存到 SharePoint、通过电子邮件发送或存档之前添加品牌化的页眉或页脚。
提示： 使用表格或带有内联 CSS 和明确宽度的简单 div 元素。在以下位置测试您的 HTML： 添加 HTML 页眉页脚 API 测试器 首先，将其融入你的工作流程。
3. 版本控制和修订标题，以确保合规性
使用案例： 交付成果、合同或审计文件需要清晰 修订号 （例如 4.24）并在页眉中添加日期，以便可以追溯每一页。
重要性： 审计人员和利益相关者希望在每一页上都看到版本信息。采用双列标题（例如，左侧为项目名称，右侧为“版本：X.XX | 日期：YYYY-MM-DD”）可以确保该信息在 PDF 中清晰可见且保持稳定。
提示： 在 Power Automate 中，根据流程变量（例如，列表行中的修订或计算值）构建 HTML 字符串，以便每次运行都标记正确的版本。
4. 在浏览器中设计，通过 API 应用
使用案例： 您可以在 .html 文件中设计页眉，然后在 Microsoft Edge（或 Chrome）中打开它来检查布局，然后通过 Power Automate API 将相同的设计应用到 PDF。
要点： 使用浏览器进行设计，但是 最终确定 这段代码片段包含适用于 PDF 的 HTML 代码（表格 + 内联 CSS）。请将此代码片段作为 API 或流程的“模板”。
5. 共享和重用页眉模板
使用案例： 一旦有了可用的标题，您就希望在不同的流程中重复使用它，或者与同事共享它。
要点： 将您正在编写的 HTML 代码保存为模板（例如，保存在 SharePoint 文件、流程变量或文档代码片段中）。调用 API 或 Power Automate 时，请将占位符（作者、日期、版本、页码）替换为动态值。本文中的示例可直接复制和修改。
后续步骤
- 尝试使用 API请将您的 HTML 代码和示例 PDF 文件粘贴到此处。 向 PDF 添加 HTML 页眉/页脚 测试并比较输出结果。
- 在 Power Automate 中进行连接： 跟随 在 Power Automate 中向 PDF 添加 HTML 页眉和页脚 并使用相同的 HTML 代码片段。
- 阅读完整 API： 向 PDF 添加 HTML 页眉/页脚（PDF4me API） 适用于所有参数（边距、页码、异步）。