如何在.NET Core中实现控制器生成的CSV文件自动触发下载

问题根因 #

你当前遇到的接口返回正常但无下载提示的现象，核心原因是：使用AJAX（$.get）请求文件接口时，浏览器只会将返回的文件流交给JS逻辑处理，不会主动触发下载行为。只有当浏览器直接导航到该资源地址、或通过标准a标签属性触发访问时，才会识别响应头中的文件配置，启动下载流程。

后端代码优化 #

你现有的两种返回逻辑都可以正常工作，只需补充2个细节避免乱码、确保下载识别：

1. 给CSV文件添加UTF-8 BOM头，解决中文Excel打开乱码问题
2. 显式指定响应头为附件类型（.NET的File方法传入文件名时会自动生成，也可手动添加更稳妥）

优化后的后端代码参考：

public async Task<IActionResult> GetCvsAsync(....)
{
    // 原有生成StringBuilder res的逻辑保留
    // 拼接BOM头 + CSV内容字节
    var bom = Encoding.UTF8.GetPreamble();
    var content = Encoding.UTF8.GetBytes(res.ToString());
    var resultBytes = bom.Concat(content).ToArray();
    // 返回文件，指定MIME类型和文件名，自动生成Content-Disposition响应头
    return File(resultBytes, "text/csv", "authors.csv");
}

前端代码修改 #

直接替换原有$.get的异步请求逻辑即可，提供两种常用方案：

方案1：直接跳转地址（最简单） #

直接修改cvs函数，用window.location.href访问接口地址，浏览器会自动识别文件响应：

function cvs(meID, oID, tID) {
    // 参数如果有特殊字符建议用encodeURIComponent包裹
    const url = "/Dashboard/GetCVS?meID=" + encodeURIComponent(meID)
        + "&oID=" + encodeURIComponent(oID)
        + "&tID=" + encodeURIComponent(tID);
    window.location.href = url;
}

方案2：动态创建隐藏a标签触发（适合需要自定义download属性、或后续加加载状态的场景） #

function cvs(meID, oID, tID) {
    const url = "/Dashboard/GetCVS?meID=" + encodeURIComponent(meID)
        + "&oID=" + encodeURIComponent(oID)
        + "&tID=" + encodeURIComponent(tID);
    const a = document.createElement('a');
    a.href = url;
    a.style.display = 'none';
    // 可选：指定下载文件名，优先级比后端返回的高
    // a.download = '自定义文件名.csv';
    document.body.appendChild(a);
    a.click();
    document.body.removeChild(a);
}

以上方案修改完成后，点击触发事件即可自动弹出下载提示。

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