Razor Pages中如何通过POST方法新窗口打开或下载PDF

DevOps 小满

2026-9-1

问题原因

POST场景下无法打开PDF，核心是违反了HTTP请求的基础规则，同时存在代码写法问题：

单个HTTP请求只能返回一个响应。你在POST逻辑里调用await OnPostPDF(id)拿到的PDF文件结果，会被后面紧跟的RedirectToPage重定向结果完全覆盖，浏览器最终收到的只有重定向响应，根本拿不到PDF流。
普通表单POST默认在当前页导航，就算去掉重定向直接返回File结果，PDF也只会在当前页加载，没法自动开新标签，更不可能同时实现“打开PDF+当前页刷新/跳转”的效果。
把Action方法当内部业务方法调用的写法本身错误：OnPostPDF是用来匹配路由请求的端点方法，不是给同类其他逻辑调用的内部函数，直接调用不会走完整请求管道，就算没有重定向也容易出现参数绑定、响应格式异常的问题。

推荐实现方案

复用你已经能正常运行的GET预览接口即可，不需要在POST里硬写返回PDF的逻辑：
你之前写的/Invoices/DisplayInvoiceAsPdf空页面+OnGet返回PDF的逻辑已经可以正常在新标签打开PDF，完全不用重写这部分，只需要修改POST提交成功后的返回逻辑。

修改后的OnPost逻辑如下：

if (y == "OK")
{
    // 此处仅保留PDF生成、存入数据库的业务逻辑，不要调用OnPostPDF
    // 替换成你实际的PDF生成、持久化到数据库的代码，确保执行完后通过id能查到Kopfdaten的Pdf字段
    await GenerateAndSavePdf(id);

    if (testBool == true)
    {
        // 返回脚本：新标签打开PDF预览，同时当前页跳转到Invoice页
        return Content(
            $"<script>window.open('/Invoices/DisplayInvoiceAsPdf?id={id}','_blank');window.location.href='/Invoice?Id={adrId}';</script>", 
            "text/html"
        );
    }
    else
    {
        // 返回脚本：新标签打开PDF预览，同时当前页跳转到首页
        return Content(
            $"<script>window.open('/Invoices/DisplayInvoiceAsPdf?id={id}','_blank');window.location.href='/Index';</script>", 
            "text/html"
        );
    }
}

注意：检查你现有DisplayInvoiceAsPdf页的参数绑定：你之前的a标签用的是asp-route-invoiceId传参，但OnGet方法的参数名是id，需要统一参数名，要么改前端传id参数，要么给OnGet的参数加特性绑定[FromQuery(Name = "invoiceId")] int id，否则会出现拿不到id返回404的问题。

可选替代方案

如果不想用返回JS脚本的方式，可以改前端提交逻辑：

把普通表单提交改成AJAX POST请求，后端收到请求后完成PDF存库，返回成功状态和对应的单据id
前端AJAX拿到成功响应后，在点击事件的回调里执行window.open('/Invoices/DisplayInvoiceAsPdf?id='+id, '_blank')打开新标签预览，再执行当前页的跳转/刷新逻辑
这种写法的弹窗拦截概率更低，逻辑拆分也更清晰。

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