FPDF：无需服务器存临时文件，通过JS直接发送PDF异常问题

听起来你碰到的这个问题我之前也踩过类似的坑——POST传数据给FPDF脚本，结果生成的PDF要么是空白页，要么浏览器直接开个空窗口。咱们从几个关键环节一步步排查解决：

1. 先确保PHP脚本的输出绝对干净，响应头没被干扰 #

FPDF生成PDF对输出的要求特别严格，哪怕是一个多余的空格、调试用的echo，都会直接破坏PDF的结构，导致浏览器解析成空白。你可以这么做：

• 在脚本最开头加上输出缓冲清理，把之前可能存在的输出全清掉：

  ob_start();
  // 你的业务逻辑、FPDF初始化代码
  ob_end_clean(); // 清空缓冲，确保没有多余输出
  

• 确认Output()方法的参数正确：要直接触发浏览器下载，用D参数；如果想在浏览器内预览用I，但预览模式更容易出渲染问题。示例：

  $pdf->Output('D', 'user_report.pdf');
  

• 手动补全响应头（有时候框架或其他代码会覆盖FPDF自动设置的头）：

  header('Content-Type: application/pdf');
  header('Content-Disposition: attachment; filename="user_report.pdf"');
  header('Content-Transfer-Encoding: binary');
  header('Pragma: no-cache');
  header('Expires: 0');
  

2. 检查POST数据是否真的被PHP正确接收了 #

如果JS传的信息没被PHP拿到，FPDF自然生成的就是空白内容。你可以：

• 临时在PHP里加var_dump($_POST)调试，看看数据是不是完整的。注意调试完一定要删掉这句，不然输出的调试信息会直接搞坏PDF。
• 确认JS的POST格式正确：比如用FormData传递数据，而不是直接传JSON字符串（除非PHP里专门做了解析）。

3. JS端的请求方式大概率是核心问题！ #

普通的AJAX（XHR/fetch）是没法直接处理文件下载响应的——浏览器会把PDF当成普通数据接收，而不是触发下载弹窗。正确的做法是：

• 用隐藏表单提交：创建一个临时的隐藏表单，把参数塞进去再提交，这是最稳妥的方式：

  // 示例代码
  const createPDF = (data) => {
    const form = document.createElement('form');
    form.method = 'POST';
    form.action = 'your_pdf_generator.php';
    form.style.display = 'none';
  
    // 把需要的参数转成隐藏input
    const input = document.createElement('input');
    input.type = 'hidden';
    input.name = 'user_data';
    input.value = JSON.stringify(data);
    form.appendChild(input);
  
    document.body.appendChild(form);
    form.submit();
    document.body.removeChild(form);
  };
  

• 如果不想跳转页面，可以把表单的target指向一个隐藏的iframe，这样下载过程会在iframe里完成，页面不会刷新。

4. 最后排查FPDF的内容生成逻辑 #

确认你在FPDF里的内容代码是正确的：

• 有没有调用AddPage()添加页面？如果没加，FPDF默认会生成一页空白。
• 文本、图片的坐标是否在页面范围内？比如文字写在了页面外边，自然看不见。
• 字体是否正确加载？如果字体路径错了，文字会显示不出来，看起来就是空白。

建议先单独测试PHP脚本：直接在脚本里硬编码数据，生成PDF看看是否正常。如果正常，那问题肯定出在JS的POST请求环节；如果还是空白，就聚焦排查FPDF的内容生成代码。

内容的提问来源于stack exchange，提问作者arrowman