使用 Valums 在 Chrome 中上传大文件失败答案

【问题标题】：Large File Uploads Fails in Chrome with Valums使用 Valums 在 Chrome 中上传大文件失败
【发布时间】：2012-01-15 17:33:51
【问题描述】：

我正在使用 valums ajax 上传组件 (http://valums.com/ajax-upload/)。我的网站将让用户上传大小超过 500MB 的文件。我有严格的纯 HTML 要求。我可以在 Internet Explorer 中成功上传这种大小的文件。但是，当我尝试使用 Chrome 时，该文件永远不会写入服务器，而只是在大文件的情况下。对于较小的文件，文件被成功写入。但对于较大的文件，我收到“超出最大请求长度错误”。

考虑到我可以用 IE 上传这种大小的文件，我知道我的 web.config 中的设置是正确的。这让我相信 XHR 实现中有些东西需要设置以适应这种大小的文件。但是，我不确定那是什么。任何人都可以提供与 ASP.NET MVC 一起使用的值示例：

允许在 IE 和 Chrome 中上传大型 (>500 mb) 文件
在支持 XHR 的浏览器中显示上传文件的进度

非常感谢！

【问题讨论】：

您是否将“超出最大请求长度错误”视为黄屏死机？

标签： asp.net-mvc-3 google-chrome file-upload filesize

【解决方案1】：

我无法重现您的问题。这是我将文件限制为 1GB 的设置。

控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Upload(string qqfile)
    {
        var path = Server.MapPath("~/App_Data");
        var file = Path.Combine(path, qqfile);
        using (var output = System.IO.File.OpenWrite(file))
        {
            Request.InputStream.CopyTo(output);                
        }
        return Json(new { success = true });
    }
}

Index.cshtml查看：

@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Test</title>
    <link href="@Url.Content("~/Content/fileuploader.css")" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="file-uploader">       
        <noscript>          
            <p>Please enable JavaScript to use file uploader.</p>
        </noscript>         
    </div>
    <script src="@Url.Content("~/Scripts/fileuploader.js")" type="text/javascript"></script>
    <script type="text/javascript">
        var uploader = new qq.FileUploader({
            element: document.getElementById('file-uploader'),
            action: '@Url.Action("upload")'
        });
    </script>
</body>
</html>

web.config：

<?xml version="1.0"?>
<configuration>
  <appSettings>
    <add key="webpages:Version" value="1.0.0.0"/>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
  </appSettings>

  <system.web>

    <httpRuntime maxRequestLength="1048576" executionTimeout="3600" />

    <compilation debug="true" targetFramework="4.0">
      <assemblies>
        <add assembly="System.Web.Abstractions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add assembly="System.Web.Helpers, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add assembly="System.Web.Routing, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add assembly="System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
        <add assembly="System.Web.WebPages, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
      </assemblies>
    </compilation>

    <pages>
      <namespaces>
        <add namespace="System.Web.Helpers" />
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Routing" />
        <add namespace="System.Web.WebPages"/>
      </namespaces>
    </pages>
  </system.web>

  <system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules runAllManagedModulesForAllRequests="true"/>
    <security>
      <requestFiltering>
        <requestLimits maxAllowedContentLength="1073741824" />
      </requestFiltering>
    </security>
  </system.webServer>

  <runtime>
    <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
      <dependentAssembly>
        <assemblyIdentity name="System.Web.Mvc" publicKeyToken="31bf3856ad364e35" />
        <bindingRedirect oldVersion="1.0.0.0-2.0.0.0" newVersion="3.0.0.0" />
      </dependentAssembly>
    </assemblyBinding>
  </runtime>
</configuration>

web.config 中需要注意的是<httpRuntime>:

<httpRuntime maxRequestLength="1048576" executionTimeout="3600" />

如果您在 IIS7+ (<requestLimits>) 中托管此站点，则也是必需的：

<system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules runAllManagedModulesForAllRequests="true"/>
    <security>
      <requestFiltering>
        <requestLimits maxAllowedContentLength="1073741824" />
      </requestFiltering>
    </security>
</system.webServer>

通过此设置，我可以在最新版本的 FireFox 8.0、IE9 和 Chrome 16 中上传最大 1GB 的文件。

我已使用 IIS Express 在本地托管该站点。

【讨论】：