如何在 AsyncControl 中 MVC 下载文件？

Question

我有

public class FileController : AsyncController
{
  public ActionResult Download(FormCollection form)
  {
    FileContentResult file = new FileContentResult(Encoding.UTF8.GetBytes("10k file size"),"application/vnd.xls");
    file.FileDownloadName = "test.xls";

    return file;
  }
}

当然，

<% var form = Ajax.BeginForm(...) %>
  <input type="image" src="...gif" /> // this is my 1st attempt
  <%= Ajax.ActionLink(...) %>         // 2nd attempt
<% form.EndForm(); %>

1. ajax形式，我尝试第一种方法（输入类型=图像）。它达到正确的行动。但客户端没有文件下载。
2. 然后我尝试使用我真的很讨厌的 Ajax.ActionLink 。我想要漂亮的图像按钮，而不是链接文本。再次，它达到了正确的操作并且没有文件下载。但如果我在另一个窗口中打开链接，就会有文件下载！

问 如何使用 AsyncController 下载一个漂亮的文件

问 如何使 Ajax.ActionLink 看起来不错

Answer 1

您无法使用 Ajax 从服务器下载文件。原因是，即使您在 success 回调中成功向服务器发出异步请求，您也将获得从服务器发送的文件内容，并且您无法在服务器上对该文件执行太多操作客户端。请记住，javascript 无法访问文件系统，因此您将无法保存它。实现此目的的方法是使用一个普通的 HTML

，它将指向 Download 操作。提交此表单后，系统将要求用户选择要保存文件的位置，然后将继续下载。此外，您不需要为此使用 AsyncController。

这是一个示例：

public class FileController : Controller
{
    [HttpPost]
    public ActionResult Download()
    {
        return File(
            Encoding.UTF8.GetBytes("10k file size"),
            "application/vnd.xls",
            "test.xls"
        );
    }
}

在您的视图中：

<% using (Html.BeginForm("download", "file", FormMethod.Post)) { %>
    <input 
        type="image" 
        src="<%: Url.Content("~/content/images/download.png") %>" 
        value="download" 
        alt="download" 
    />
<% } %>

为了使下载按钮看起来漂亮，您可以创建一个漂亮 download.png 图像它将用作表单提交按钮。

Answer 2

我使用这个：

禁用

$('form').removeAttr("data-ajax");

以启用

$('form').attr("data-ajax", "true");

具有 3 提交 1 刷新 2 下载文件的表单
所有帖子都发布到相同的 ActionResult，但其中 2 个具有下载为 csv 或 pdf 的参数

，下载时只需禁用 ajax 提交。

Answer 3

我找到办法了！！

只需创建具有常规形式的 iframe 并使用 jquery 触发即可。

$("iframe").contents().find("form").submit();

:D

ps 归功于 Firebug + Google Doc。