能否配置Print.js实现点击打印动态变量对应的PDF文件？

没问题，我来帮你搞定这个动态打印的需求！核心就是把后端生成的PDF路径动态传递给前端的Print.js，具体可以分这几种情况来实现：

情况1：表单提交后同步生成PDF并渲染页面 #

如果是用户提交表单后，后端直接生成PDF，然后跳转到打印页面（或者在当前页面渲染打印按钮），那直接在后端把生成的PDF路径通过模板变量输出到前端即可：

比如你用PHP的话，代码大概是这样：

// 后端处理表单，用FPDF生成填充后的PDF，假设生成的路径是 $pdfPath = 'docs/filled_form_'.uniqid().'.pdf';
// 然后把这个变量传递到前端模板

前端按钮就可以直接把变量插入到onclick里：

<button type="button" onclick="printJS('<?php echo $pdfPath; ?>')">打印PDF</button>

要是用其他后端框架（比如Laravel Blade），语法类似：

<button type="button" onclick="printJS('{{ $pdfPath }}')">打印PDF</button>

情况2：异步生成PDF（表单提交后不刷新页面） #

如果不想刷新页面，而是异步生成PDF再触发打印，可以用AJAX来实现：

首先写前端的JS函数，提交表单获取PDF路径后调用Print.js：

function printDynamicPdf() {
  // 获取表单数据
  const form = document.getElementById('your-form-id');
  const formData = new FormData(form);

  // 发请求给后端生成PDF
  fetch('/your-backend-generate-pdf-url', {
    method: 'POST',
    body: formData
  })
  .then(res => res.json())
  .then(data => {
    // 后端返回生成好的PDF路径，比如 data.path = "docs/filled_form_12345.pdf"
    if (data.path) {
      printJS(data.path); // 直接调用Print.js打印
    } else {
      alert('PDF生成失败，请重试');
    }
  })
  .catch(err => {
    console.error('请求出错:', err);
    alert('打印失败，请检查网络');
  });
}

然后按钮绑定这个函数：

<button type="button" onclick="printDynamicPdf()">打印PDF</button>

几个关键注意点 #

• 路径正确性：后端生成的PDF必须放在Web服务器能访问的目录下，比如docs/目录要设置好权限，确保前端能通过路径加载到文件。
• 文件名唯一性：建议用用户ID+时间戳+随机字符串来命名生成的PDF，比如filled_form_1001_1699999999_abc.pdf，避免不同用户的文件互相覆盖。
• 特殊字符处理：如果文件名包含空格、中文等特殊字符，后端最好做URL编码，前端直接用编码后的路径即可，Print.js会自动处理。

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