如何在MVC Razor视图中通过单个ActionLink下载多个非压缩PDF文件

这个问题很常见——因为HTTP请求一次只能返回一个响应，所以你没法直接通过单个后端Action同时输出两个PDF文件。不过我们可以用前端的方法来实现点击一次触发两次下载请求，从而得到两个独立的PDF文件，不用压缩。下面是具体的实现方案：

核心思路 #

通过前端JavaScript，在用户点击同一个按钮/链接时，发起两次独立的HTTP请求，分别调用你的ExportFirstPDF和ExportSecondPDF Action，让浏览器分别下载这两个PDF文件。

方案一：使用window.open触发下载 #

这种方法简单直接，不过部分浏览器可能会将弹出的窗口识别为广告而拦截，所以最好提前提示用户允许弹出窗口。

视图代码 #

<button id="downloadAllPdfs">下载全部PDF</button>

<script>
document.getElementById('downloadAllPdfs').addEventListener('click', function() {
    // 调用第一个PDF的导出Action
    window.open('@Url.Action("ExportFirstPDF")', '_blank');
    // 调用第二个PDF的导出Action
    window.open('@Url.Action("ExportSecondPDF")', '_blank');
});
</script>

方案二：创建隐藏的<a>标签模拟点击（更可靠） #

这种方法不会触发浏览器的弹出窗口拦截，兼容性更好：

视图代码 #

<!-- 隐藏的下载链接 -->
<a id="firstPdfLink" href="@Url.Action("ExportFirstPDF")" style="display: none;"></a>
<a id="secondPdfLink" href="@Url.Action("ExportSecondPDF")" style="display: none;"></a>

<!-- 触发按钮 -->
<button id="downloadBtn">下载全部PDF</button>

<script>
document.getElementById('downloadBtn').addEventListener('click', function() {
    // 触发第一个PDF下载
    document.getElementById('firstPdfLink').click();
    
    // 加个小延迟避免浏览器同时处理两个请求可能出现的问题
    setTimeout(function() {
        document.getElementById('secondPdfLink').click();
    }, 300);
});
</script>

后端Action的注意事项 #

确保你的两个导出Action正确设置了文件的Content-Disposition为attachment，这样浏览器会直接下载文件而不是在窗口中打开：

public ActionResult ExportFirstPDF()
{
    // 这里替换成你生成第一个PDF的逻辑
    byte[] pdfContent = GenerateFirstPdf();
    
    // 返回文件流，指定文件名和MIME类型
    return File(pdfContent, "application/pdf", "First_Document.pdf");
}

public ActionResult ExportSecondPDF()
{
    byte[] pdfContent = GenerateSecondPdf();
    return File(pdfContent, "application/pdf", "Second_Document.pdf");
}

为什么不能用后端直接调用两个Action？ #

因为ASP.NET MVC的每个Action只能返回一个ActionResult，无法同时输出两个独立的文件流。所以必须通过前端发起两次独立的请求，才能实现同时下载两个文件的需求。

内容的提问来源于stack exchange，提问作者Santhosh S.