OctoberCMS中如何通过AJAX实现DynamicPDF的打开与下载？

你遇到的问题确实是OctoberCMS AJAX框架的限制——它没办法直接处理二进制类型的响应，所以直接返回PDF的下载响应会变成乱码的二进制字符串，还导致浏览器卡顿。按照文档提示的思路，我们可以先把PDF保存到服务器的可访问目录，再通过前端回调触发文件的预览或下载，具体步骤如下：

1. 修改控制器的onPreview方法，保存PDF并返回访问URL #

首先，我们需要在控制器里生成PDF后，将其保存到服务器的公共可访问目录（比如public/pdfs），然后返回这个文件的URL：

public function onPreview()
{
    // 生成PDF模板
    $pdf = PDF::loadTemplate('renatio::invoice');
    
    // 生成唯一文件名，避免重复覆盖
    $fileName = 'brochure-' . time() . '.pdf';
    // 定义保存路径，确保public/pdfs文件夹存在且有写入权限
    $saveDir = public_path('pdfs');
    if (!file_exists($saveDir)) {
        mkdir($saveDir, 0755, true); // 递归创建文件夹
    }
    $savePath = $saveDir . '/' . $fileName;
    
    // 保存PDF到服务器
    $pdf->save($savePath);
    
    // 返回PDF的访问URL给前端
    return [
        'pdfUrl' => url('pdfs/' . $fileName)
    ];
}

2. 前端添加AJAX成功回调，触发预览/下载 #

接下来修改你的按钮，添加data-request-success属性指定回调函数，在回调里处理返回的URL：

<button type="submit" 
        data-request="onPreview" 
        data-load-indicator="Loading Preview" 
        data-request-success="handlePdfPreview(data)" 
        class="btn btn-primary">
    Preview Brochure Ajax
</button>

<script>
function handlePdfPreview(data) {
    // 方式1：新标签页打开PDF预览（和你原来的target="_blank"效果一致）
    window.open(data.pdfUrl, '_blank');
    
    // 方式2：直接触发下载（如果需要强制下载而不是预览）
    // const downloadLink = document.createElement('a');
    // downloadLink.href = data.pdfUrl;
    // downloadLink.download = 'brochure.pdf'; // 自定义下载文件名
    // document.body.appendChild(downloadLink);
    // downloadLink.click();
    // document.body.removeChild(downloadLink);
}
</script>

3. 可选：定时清理旧PDF文件 #

因为每次生成都会保存新的PDF文件，时间久了会占用服务器空间。你可以添加一个定时任务来清理旧文件，比如在控制器里添加清理逻辑，或者使用OctoberCMS的任务调度功能，定期删除几天前的PDF文件：

// 示例：删除7天前的PDF文件
$files = glob(public_path('pdfs/*.pdf'));
foreach ($files as $file) {
    if (filemtime($file) < time() - 7*24*60*60) {
        unlink($file);
    }
}

为什么之前的重定向没生效？ #

OctoberCMS的AJAX请求是异步的，后端返回的重定向响应不会自动触发浏览器跳转，必须在前端的成功回调里手动处理（比如用window.open或者window.location.href），这就是你之前尝试重定向没效果的原因。

内容的提问来源于stack exchange，提问作者Mittul At TechnoBrave