使用XMLHttpRequest实现PHP FPDF生成的密码保护PDF文件下载

<?php
// backend.php
// 确保只在接收到特定请求时执行PDF生成逻辑
if (isset($_POST["input"]) && $_POST["input"] == "generate_pdf") {
    // 确保在输出任何内容之前开始缓冲，防止HTTP头发送前有意外输出
    ob_start(); 

    // 引入FPDF_protection库文件
    require('FPDF_protection.php'); 

    // 实例化FPDF_Protection对象
    $pdf = new FPDF_Protection();

    // 从POST数据获取用户密码，如果未提供则为空字符串
    $userPassword = isset($_POST["password"]) ? $_POST["password"] : '';

    // 设置PDF保护：例如，只允许打印，并指定用户密码
    // 第一个参数是权限数组，例如array('print', 'copy', 'modify', 'annot-forms')
    // 第二个参数是用户密码，第三个参数是所有者密码（可选）
    $pdf->SetProtection(array('print'), $userPassword); 

    // 添加一个新页面
    $pdf->AddPage();

    // 设置字体
    $pdf->SetFont('Arial', '', 12);

    // 写入PDF内容
    $pdf->Write(10, "Hello, this is a password protected PDF generated by FPDF_Protection.");
    $pdf->Ln(); // 换行
    $pdf->Write(10, "Please enter the password to view or print this document.");

    // 输出PDF到浏览器，并强制下载
    // 'D' 参数表示下载，"Recovery_code.pdf" 是下载时建议的文件名
    $pdf->Output('D', "Recovery_code.pdf");

    // 清除并关闭输出缓冲
    ob_end_flush(); 
    exit; // 确保脚本在此处终止，防止任何额外输出影响PDF文件完整性
}
?>

// 前端JS代码，例如绑定到一个按钮的点击事件
document.getElementById("downloadPdfButton").addEventListener("click", function() {
    var password = document.getElementById("password").value;
    var req = new XMLHttpRequest(); // 创建XMLHttpRequest对象

    // 构造POST请求参数
    var params = "input=generate_pdf&password=" + encodeURIComponent(password); // 编码密码以确保URL安全

    // 配置请求：POST方法，目标URL，异步请求
    req.open("POST", "backend.php", true);

    // 关键：设置响应类型为blob，指示浏览器将响应数据视为二进制大对象
    req.responseType = "blob"; 

    // 设置请求头，告知服务器发送的数据类型是URL编码的表单数据
    req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

    // 监听请求状态变化
    req.onreadystatechange = function () {
        // 当请求完成且成功（readyState为4，status为200）
        if (req.readyState === 4 && req.status === 200) {
            // 从响应中创建一个Blob对象，并指定MIME类型为application/pdf
            var blob = new Blob([req.response], { type: 'application/pdf' }); 

            // 创建一个临时的<a>标签用于触发下载
            var link = document.createElement('a'); 

            // 使用URL.createObjectURL创建指向Blob的URL
            link.href = window.URL.createObjectURL(blob); 

            // 设置下载文件的名称
            link.download = "Recovery_code.pdf"; 

            // 将链接添加到DOM中（虽然不可见，但为了兼容性最好添加）
            document.body.appendChild(link); 

            // 模拟点击链接，触发文件下载
            link.click(); 

            // 下载触发后，从DOM中移除链接
            document.body.removeChild(link); 

            // 释放URL对象，避免内存泄漏，因为URL.createObjectURL创建的URL是临时的
            window.URL.revokeObjectURL(link.href); 
        } else if (req.readyState === 4 && req.status !== 200) {
            // 处理错误情况，例如服务器返回错误状态码
            console.error("PDF下载失败，HTTP状态码：" + req.status);
            // 如果服务器返回了错误信息，可以尝试读取：
            // var reader = new FileReader();
            // reader.onload = function() {
            //     console.error("错误详情：" + reader.result);
            // };
            // reader.readAsText(req.response); // 注意：如果responseType是blob，这里可能需要特殊处理
        }
    };

    // 发送请求
    req.send(params);
});