
本文旨在解决使用 fpdf 生成密码保护 pdf 文件时,通过 jquery ajax 调用后端导致文件无法下载,反而显示原始二进制数据的问题。文章将详细介绍如何利用 `xmlhttprequest` 的 `responsetype` 为 `blob` 来正确处理服务器返回的二进制数据,并在客户端触发文件下载,从而实现一个完整的、功能性的密码保护 pdf 下载方案。
在使用 PHP 的 FPDF 库(特别是其扩展 FPDF_Protection)生成带有密码保护的 PDF 文件时,后端通常会通过设置 HTTP 响应头来指示浏览器下载文件。然而,当前端使用异步 JavaScript 请求(如 jQuery AJAX)来触发这一过程时,常常会遇到文件无法下载,反而将 PDF 的原始二进制数据作为字符串显示在页面或控制台的问题。这主要是因为传统的 AJAX 请求默认将服务器响应视为文本或 JSON 数据,而非二进制文件流。
首先,我们来看服务器端如何使用 FPDF_Protection 生成一个密码保护的 PDF 文件。FPDF_Protection 扩展允许我们为 PDF 设置打开密码和权限密码。
<?php
// 确保在输出任何内容之前启动输出缓冲
ob_start();
// 引入 FPDF_Protection 库
require('FPDF_protection.php');
if(isset($_POST["input"]) && $_POST["input"] == "generate_pdf"){
// 创建 FPDF_Protection 实例
$pdf = new FPDF_Protection();
// 设置 PDF 保护。array('print') 允许打印,$_POST["password"] 是打开密码。
// 更多权限可以参考 FPDF_Protection 文档。
$pdf->SetProtection(array('print'), $_POST["password"]);
// 添加页面
$pdf->AddPage();
// 设置字体
$pdf->SetFont('Arial');
// 写入内容
$pdf->Write(10,"Hello, this is a password-protected PDF.");
// 输出 PDF 到浏览器进行下载
// 'D' 参数表示“下载”,"Recovery_code.pdf" 是下载时的文件名
$pdf->Output('D',"Recovery_code.pdf");
// 刷新输出缓冲区,确保所有内容都被发送
ob_end_flush();
}
?>代码解析与注意事项:
当服务器返回的是一个二进制文件流时,传统的 jQuery.ajax 方法的 success 回调会尝试将响应体解析为字符串,这正是导致乱码或原始二进制数据显示的原因。为了正确处理这种情况,我们需要使用 XMLHttpRequest 并指定 responseType 为 blob。
立即学习“前端免费学习笔记(深入)”;
<script>
document.getElementById("downloadButton").addEventListener("click", function() {
var req = new XMLHttpRequest();
var password = document.getElementById("password").value;
var params = "input=generate_pdf&password=" + encodeURIComponent(password); // 对密码进行编码
req.open("POST", "backend.php", true); // 使用 POST 方法请求后端
req.responseType = "blob"; // 关键:指定响应类型为 blob,用于处理二进制数据
req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); // 设置请求头
req.onreadystatechange = function () {
// 当请求状态为 DONE (4) 且 HTTP 状态码为 OK (200) 时
if (req.readyState === 4 && req.status === 200) {
// 创建一个 Blob 对象,其中包含服务器返回的二进制数据
var blob = new Blob([req.response], { type: 'application/pdf' }); // 指定 MIME 类型
// 创建一个临时的 URL,指向这个 Blob 对象
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
// 设置下载的文件名
link.download = "Recovery_code.pdf"; // 建议与后端 Output 方法中的文件名一致
// 模拟点击下载链接
document.body.appendChild(link); // 某些浏览器需要将链接添加到 DOM 才能点击
link.click();
// 释放 URL 对象,防止内存泄漏
window.URL.revokeObjectURL(link.href);
document.body.removeChild(link); // 清理 DOM
} else if (req.readyState === 4 && req.status !== 200) {
// 处理错误情况,例如服务器返回非200状态码
console.error("PDF 下载失败,HTTP 状态码: " + req.status);
alert("PDF 下载失败,请稍后再试。");
}
};
req.send(params); // 发送请求
});
</script>
<!-- HTML 示例,用于触发下载 -->
<div>
<label for="password">PDF 密码:</label>
<input type="password" id="password" value="mysecretpassword">
<button id="downloadButton">下载密码保护 PDF</button>
</div>代码解析与注意事项:
通过结合 PHP 后端的 FPDF_Protection 库和前端 XMLHttpRequest 的 responseType = "blob" 特性,我们可以优雅地实现密码保护 PDF 文件的生成与下载功能。关键在于理解二进制数据在 HTTP 请求和响应中的处理方式,并选择正确的客户端 API 来处理文件流。这种方法不仅适用于 PDF 文件,也适用于任何需要从服务器下载二进制文件的场景。
以上就是FPDF 生成密码保护 PDF:前端下载解决方案的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号