如何实现CSV文件下载后跳转至指定页面？及现有代码跳转失效问题

首先得说清楚为什么你原来的代码不行：当你通过Response直接输出PDF文件流时，这个HTTP响应是专门用于文件下载的，浏览器会把它处理成附件下载，而不会用这个响应来更新当前页面——所以你加的Refresh头根本不会被当前页面执行，自然没法跳转。

不管是PDF还是CSV文件，解决思路都是让前端来控制下载和跳转的逻辑，或者通过后端返回一个中间页面来触发下载+跳转，下面给你两种实用的方案：

方案一：前端直接触发下载+定时跳转（最常用） #

这种方法不需要改太多后端代码，只需要调整前端的下载按钮逻辑：

前端代码示例 #

<button onclick="downloadAndRedirect()">下载文件并跳转</button>

<script>
function downloadAndRedirect() {
    // 1. 创建临时下载链接，触发文件下载
    const downloadAnchor = document.createElement('a');
    // 替换成你的后端下载接口地址，PDF/CSV分别指向对应的接口即可
    downloadAnchor.href = '/DownloadHandler.ashx?fileType=pdf';
    // 可选：指定下载的文件名，和后端设置的保持一致更好
    downloadAnchor.download = 'downloadfile.pdf';
    document.body.appendChild(downloadAnchor);
    downloadAnchor.click();
    document.body.removeChild(downloadAnchor);

    // 2. 定时跳转，时间可以根据文件大小调整，大文件可以设5-10秒
    setTimeout(() => {
        window.location.href = '/redirectpage'; // 替换成你的目标页面地址
    }, 3000);
}
</script>

后端下载代码（PDF/CSV通用调整） #

PDF下载代码

Response.ContentType = "application/pdf";
Response.AddHeader("Content-Disposition", "attachment; filename=downloadfile.pdf");
Response.TransmitFile(Server.MapPath("downloadfile.pdf"));
Response.End(); // 一定要加，避免输出多余内容干扰下载

CSV下载代码

只需要修改ContentType和文件名即可：

Response.ContentType = "text/csv";
Response.AddHeader("Content-Disposition", "attachment; filename=data.csv");
Response.TransmitFile(Server.MapPath("data.csv"));
Response.End();

方案二：后端返回中间页面自动触发下载+跳转 #

如果不想在前端写脚本，可以让后端返回一个临时HTML页面，这个页面里的脚本自动触发下载并跳转：

后端代码示例（比如ASPX页面） #

protected void Page_Load(object sender, EventArgs e)
{
    Response.ContentType = "text/html";
    // 输出包含下载和跳转逻辑的HTML
    Response.Write(@"
        <html>
        <body>
            <p>文件正在下载中，3秒后自动跳转...</p>
            <script>
                // 触发下载
                const a = document.createElement('a');
                a.href = '/DownloadHandler.ashx?fileType=csv'; // CSV下载接口地址
                a.download = 'data.csv';
                document.body.appendChild(a);
                a.click();
                document.body.removeChild(a);

                // 执行跳转
                setTimeout(() => {
                    window.location.href = '/redirectpage';
                }, 3000);
            </script>
        </body>
        </html>
    ");
    Response.End();
}

补充说明 #

如果想更精准地监听"下载完成"事件（而不是定时），其实没有跨浏览器的统一API，实现起来比较复杂——需要后端记录下载状态，前端轮询状态是否完成，再触发跳转。但对于大多数场景，定时跳转已经足够好用，而且实现简单。

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