Angular中使用pdf-lib无法获取用户修改的PDF表单数据

API 探路者

2026-6-19

解决pdf-lib仅导出预填PDF数据、忽略用户修改内容的问题

问题原因

出现这个问题通常是因为你提取表单数据时，读取的是原始PDF文档的默认字段值，而非用户编辑后保存在PDFDocument实例中的更新值。

解决方案

1. 确保用户修改已正确写入PDF实例

用户编辑字段后，必须调用pdf-lib的API将新值写入当前操作的PDFDocument实例：

// 示例：更新文本字段值
const textField = pdfDoc.getForm().getTextField('your_field_name');
textField.setText(userInputValue);

2. 从编辑后的PDF实例中提取完整数据

不要使用原始PDF的字节流或初始表单数据，直接从用户编辑后的PDFDocument实例中遍历字段并取值：

export function extractFormData(pdfDoc: PDFDocument): Record<string, any> {
  const form = pdfDoc.getForm();
  const formData: Record<string, any> = {};

  form.getFields().forEach(field => {
    const fieldName = field.getName();
    // 根据字段类型处理取值逻辑
    if (field instanceof PDFTextField) {
      formData[fieldName] = field.getText();
    } else if (field instanceof PDFCheckBox) {
      formData[fieldName] = field.isChecked();
    } else if (field instanceof PDFRadioGroup) {
      formData[fieldName] = field.getSelected();
    } else if (field instanceof PDFDropdown) {
      formData[fieldName] = field.getSelected();
    }
    // 其他字段类型可按需扩展
  });

  return formData;
}