MVC多并发Excel导出仅最后请求文件可下载的解决方法求助

问题本质 #

后端每个请求都正确生成了Excel字节流并返回FileResult，问题出在浏览器的下载行为限制：当同一页面短时间内发起多个下载请求时，浏览器会默认优先处理最后一个请求的响应，忽略前面的响应，导致只有最后一个文件被下载。

解决方案 #

1. 用新标签页触发每个下载请求 #

这是最简单的解决方式，让每个下载请求在独立的标签页中处理，避免浏览器拦截前面的响应。

前端代码示例（原生JS）

// 绑定导出按钮点击事件
document.querySelector('.export-btn').addEventListener('click', function() {
    // 构造带参数的请求URL
    const params = new URLSearchParams({
        // 替换为你的ExportCriteriaVM参数
        FilterName: '2024年度数据',
        StartDate: '2024-01-01'
    });
    const requestUrl = `/YourController/ExportExcel?${params.toString()}`;
    
    // 用新标签页打开请求，每个请求独立处理
    window.open(requestUrl, '_blank');
});

2. 若需AJAX请求，手动处理Blob响应触发下载 #

如果必须使用AJAX（比如需要传递复杂参数），则需要在前端接收后端返回的Blob数据，手动创建下载链接触发下载。

前端代码示例（AJAX + Blob）

document.querySelector('.export-btn').addEventListener('click', function() {
    // 构造请求参数
    const exportParams = {
        FilterName: '2024年度数据',
        StartDate: '2024-01-01'
    };

    fetch('/YourController/ExportExcel', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            // 带上MVC的防跨站请求令牌
            'X-CSRF-Token': document.querySelector('input[name="__RequestVerificationToken"]').value
        },
        body: JSON.stringify(exportParams)
    })
    .then(resp => {
        // 从响应头获取文件名（可选，后端需设置）
        const filename = resp.headers.get('Content-Disposition')?.split('filename=')[1].replace(/"/g, '') || '导出文件.xlsx';
        return Promise.all([resp.blob(), filename]);
    })
    .then(([blob, filename]) => {
        // 创建临时下载链接
        const url = window.URL.createObjectURL(blob);
        const a = document.createElement('a');
        a.href = url;
        a.download = filename;
        a.style.display = 'none';
        
        // 触发下载并清理资源
        document.body.appendChild(a);
        a.click();
        window.URL.revokeObjectURL(url);
        document.body.removeChild(a);
    });
});

3. 后端优化：显式设置响应头确保下载行为 #

虽然不是核心问题，但显式设置Content-Disposition头可以避免浏览器对响应类型的误判，确保每个响应都被识别为附件下载。

后端代码修改

public ActionResult ExportExcel(ExportCriteriaVM exportCriteriaVM)
{
    // ... 原有数据获取、Excel生成逻辑
    var excelByteArray = _translator.CreateExcelExportFile(..., ..., ...);
    
    var fileResult = File(excelByteArray, _documentManager.GetMimeType("xlsx"), xlsxName);
    // 显式添加Content-Disposition头，强制浏览器识别为附件
    fileResult.Response.Headers.Add("Content-Disposition", $"attachment; filename=\"{xlsxName}\"");
    
    return fileResult;
}

关键说明 #

• 不要用普通AJAX请求却不处理Blob：普通AJAX无法触发浏览器的默认下载行为，必须手动处理响应数据。
• 避免同一窗口连续发起下载请求：浏览器会将这类请求视为重复操作，仅保留最后一个请求的响应。

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