PHP文件下载后JS弹窗与跳转失效问题求助

问题根源 #

你代码里的核心矛盾在于HTTP响应内容类型冲突：

• 当通过readfile($fichier)输出文件二进制内容时，你已经用header()声明了响应的Content-Type为PDF或EPUB类型，浏览器会把整个响应内容当成文件解析。
• 后面echo输出的<script>代码会被追加到文件末尾，成为文件的无效内容（比如打开PDF时会看到末尾乱码），完全不会被浏览器执行。
• HTTP响应主体只能是单一类型内容，无法同时承载二进制文件和HTML脚本。

解决方案 #

以下三种方案可解决该问题，按需选择：

方案1：前端触发下载，直接控制后续操作 #

把下载逻辑和页面行为完全拆分，用前端JS触发下载后，直接执行弹窗和跳转，无需PHP输出脚本：

<!-- 触发下载的按钮 -->
<button onclick="startDownload()">下载文件</button>

<script>
function startDownload() {
    // 创建临时下载链接
    const downloadLink = document.createElement('a');
    // 替换为你的PHP下载脚本地址，带上必要参数（如type、file）
    downloadLink.href = 'download.php?type=pdf&file=xxx';
    // 可选：指定下载后的文件名
    downloadLink.download = '目标文件名.pdf';
    
    document.body.appendChild(downloadLink);
    downloadLink.click();
    document.body.removeChild(downloadLink);

    // 执行弹窗与跳转
    alert('Votre fichier a été téléchargé.');
    window.location.replace('https://www.some_site/revue/ancetre');
}
</script>

方案2：会话标记+中间页面跳转 #

如果必须依赖PHP处理下载逻辑，可通过会话标记实现下载后的提示跳转：

1. 编写download.php负责输出文件并标记状态：

<?php
session_start();
// 处理下载逻辑
if ($type == 'pdf') {   
    header('Content-type: application/pdf');    
    header('Content-Disposition: inline;filename="' . $fichier . '"');    
    header('Content-Transfer-Encoding: binary');    
    header('Content-Length: ' . filesize($file));    
    header('Accept-Ranges: bytes');    
    readfile($fichier); 
} else {   
    header('Content-Description: File Transfer');    
    header('Content-type: application/epub+zip');    
    header('Content-Disposition: attachment; filename="' . $fichier . '"');
    header('Content-Transfer-Encoding: binary');    
    header('Content-Length: ' . filesize($file));
    header('Accept-Ranges: bytes');   
    readfile($fichier);    
}
// 设置会话标记，标记下载完成
$_SESSION['download_done'] = true;
?>

2. 编写download_success.php负责提示与跳转：

<?php
session_start();
if (isset($_SESSION['download_done'])) {
    unset($_SESSION['download_done']);
?>
<script>
alert('Votre fichier a été téléchargé.');
window.location.replace('https://www.some_site/revue/ancetre');
</script>
<?php
} else {
    // 非法访问直接跳转
    header('Location: /');
    exit;
}
?>

3. 用户点击下载后，先访问download.php完成下载，再手动或通过前端定时器跳转到download_success.php。

方案3：隐藏iframe下载，不干扰当前页面 #

用隐藏iframe加载下载脚本，当前页面不受影响，下载完成后执行操作：

<script>
function downloadWithCallback() {
    const iframe = document.createElement('iframe');
    iframe.style.display = 'none';
    // 替换为你的下载脚本地址
    iframe.src = 'download.php?type=pdf&file=xxx';
    document.body.appendChild(iframe);

    // 监听下载完成（部分浏览器需调整监听事件）
    iframe.onload = function() {
        alert('Votre fichier a été téléchargé.');
        window.location.replace('https://www.some_site/revue/ancetre');
        document.body.removeChild(iframe);
    };
}
</script>

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