使用 jquery post 的 MVC 下载文件

Question

我正在尝试使用 jquery 的 $.post 方法下载一个 excel CSV 文件，但我无法让它工作。

我可以看到服务器正在创建文件并将其发送回客户端，但之后我无法实际下载文件。

我的 jquery post 函数如下所示：

$.post("/GenerateFile", { id: id, startDate: startDate, endDate: endDate }, function (data) {

    window.location = data;

}).fail(function (XMLHttpRequest, textStatus, errorThrown) {

});

我的服务器端函数如下所示：

public async Task<ActionResult> GenerateFile(string id, string startDate, string endDate)
{
    try
    {
        // My logic to create the file here, this is of type Task<MemoryStream>
        var outputFile = await CreateFile(sDate, eDate);

        return File(outputFile, "text/comma-separated-values", "Download.csv");
    }
    catch (Exception e)
    {
        return new HttpStatusCodeResult(400, e.Message);
    }
}

当此数据返回客户端时，它会尝试使用 CSV 文件中的数据（如 URL 链接中所示）导航到新页面并显示消息

Bad Request - Invalid URL

HTTP Error 400. The request URL is invalid.

文件生成本身没有问题，因为我可以将文件本地创建到磁盘上，只是在我尝试使用浏览器下载它时。

我已经看到显示此方法有效的指南，但我似乎缺少一些东西，导致下载无法正常工作。

Answer 1

文件下载的工作方式类似于重定向。包括 post 在内的 Ajax 方法不处理重定向，而是按原样返回服务器结果。在您的情况下是文件流。

与其从 post 中返回文件，这需要您对实际的文件流（而不是 URL）做一些事情，只需获取 post 方法在服务器上创建一个临时文件，然后返回一个指向该文件的 URL .

然后当你将window.location设置为文件URL时，它会根据你的需要下载。

这是一种非常标准的方法，但之后您需要处理删除临时文件。策略包括：

• 在创建/请求任何文件时对任何/所有临时文件进行数据时间到期检查
• 每个用户只能使用 1 个临时下载文件名