Razor Pages中OnPost返回文件后实现页面跳转的问题

方案一：前端处理下载+跳转 #

核心逻辑：阻止表单默认提交，通过AJAX获取文件流，前端触发下载后跳转页面，避开后端单次响应只能返回一种结果的限制。

前端（表单页面） #

<form id="downloadForm" method="post">
    <!-- 你的表单内容 -->
    <button type="submit">生成并下载文件</button>
</form>

<script>
document.getElementById('downloadForm').addEventListener('submit', async function(e) {
    e.preventDefault(); // 阻止默认表单提交行为

    const formData = new FormData(this);
    const response = await fetch(this.action, {
        method: 'POST',
        body: formData,
        headers: {
            'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value
        }
    });

    if (response.ok) {
        // 从响应头获取文件名
        const fileName = response.headers.get('Content-Disposition')
            .split('filename=')[1]
            .replace(/"/g, '');
        const blob = await response.blob();
        
        // 创建临时下载链接并触发下载
        const url = window.URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = fileName;
        document.body.appendChild(a);
        a.click();
        window.URL.revokeObjectURL(url);
        document.body.removeChild(a);

        // 跳转至感谢页
        window.location.href = '/ThankYou';
    }
});
</script>

后端（表单页面的OnPost方法） #

public async Task<IActionResult> OnPostAsync()
{
    // 生成文件流的逻辑
    var memoryStream = new MemoryStream();
    // ... 向memoryStream写入文件内容 ...
    memoryStream.Position = 0;

    // 在响应头中携带文件名，供前端读取
    Response.Headers.Add("Content-Disposition", $"attachment; filename=\"GeneratedFile.txt\"");
    return File(memoryStream, "text/plain");
}

方案二：后端临时存文件，感谢页触发下载 #

核心逻辑：后端生成文件后存到临时目录，跳转至感谢页，页面加载后自动请求下载临时文件，可按需清理临时文件。

后端（表单页面的OnPost方法） #

public async Task<IActionResult> OnPostAsync()
{
    // 生成文件内容
    var fileContent = "你的文件内容";
    var tempFileName = Guid.NewGuid().ToString() + ".txt"; // 生成唯一文件名避免冲突
    var tempFilePath = Path.Combine(Path.GetTempPath(), tempFileName);

    // 将文件保存到服务器临时目录
    await System.IO.File.WriteAllTextAsync(tempFilePath, fileContent);

    // 跳转至感谢页，传递临时文件名参数
    return RedirectToPage("/ThankYou", new { tempFile = tempFileName });
}

感谢页（ThankYou.cshtml） #

<h1>感谢使用本服务创建文件</h1>

<script>
window.onload = async function() {
    const tempFileName = new URLSearchParams(window.location.search).get('tempFile');
    if (tempFileName) {
        // 请求下载临时文件
        const response = await fetch(`/DownloadTemp?file=${tempFileName}`);
        if (response.ok) {
            const blob = await response.blob();
            const url = window.URL.createObjectURL(blob);
            const a = document.createElement('a');
            a.href = url;
            a.download = "GeneratedFile.txt"; // 自定义用户下载时的文件名
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
            document.body.removeChild(a);
        }
    }
};
</script>

新增临时文件下载页面（DownloadTemp.cshtml.cs） #

public async Task<IActionResult> OnGetAsync(string file)
{
    var tempFilePath = Path.Combine(Path.GetTempPath(), file);
    if (!System.IO.File.Exists(tempFilePath))
    {
        return NotFound();
    }

    var memoryStream = new MemoryStream(await System.IO.File.ReadAllBytesAsync(tempFilePath));
    memoryStream.Position = 0;

    // 下载完成后删除临时文件（也可设置定时任务批量清理）
    System.IO.File.Delete(tempFilePath);

    return File(memoryStream, "text/plain", "GeneratedFile.txt");
}

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