.net MVC 3.0 文件上传带进度条

Question

我看到有类似的问题。但我找不到答案。这就是为什么我再次发布这个。对不起！！

我想使用 .net mvc 3.0 构建一个带有百分比栏的文件上传器

有一些 jquery 插件。但他们需要 html 5 支持。我正在尝试在没有 html 5 支持的情况下构建它。

目前我所做的是上传支持 Ajax 的文件。当用户上传文件时，我发出 ajax 请求并显示 loading.gif 直到请求完成。因此，对于简单的图像上传来说，这是一个非常严格的代码。

现在我正在尝试上传视频并通过他们的 REST API 将其发送到 Vimeo。

我可以做同样的事情。但由于文件很大，我想以一种很好的方式来做。

我的代码是这样的

查看

@using (Ajax.BeginForm("Upload", "Home", new AjaxOptions
                        {
                            UpdateTargetId = "form1",
                            InsertionMode = InsertionMode.Replace,
                            OnBegin = "ajaxValidate",
                            OnSuccess = "getGbPostSuccess",
                            OnFailure = "showFaliure"
                        }))
      //.......
      //rest of the form
}

控制器

public ActionResult Upload()
{
     //Read file 
     //Post file to Vimeo (this is the part that take time to upload)
     //get uploaded video content
     return PartialView("xxxxx", Model); // return uploaded Video
}

在此过程发生时，我使用一小段 javascript 显示 loading.gif。这段代码工作得很好。正如我之前提到的，我想通过放置百分比进度条使其更加用户友好。
希望我的问题很清楚。

请帮帮我...

提前致谢

Answer 1

但他们需要 html 5 支持。

没有必要。例如，blueimp file upload 插件测试浏览器功能，如果浏览器不支持 HTML5 XHR2，则可以使用jQuery iframe transport。以下是关于浏览器支持的more details。

Uploadify 是另一个使用 Flash 的例子，如果浏览器不支持 XHR2。

Plupload 是另一个非常强大的插件，如果浏览器不支持 XHR2，它支持多种等效插件。

所以只需选择一个插件，阅读文档，将它集成到您​​的 ASP.NET MVC 3 应用程序中，然后尽情享受吧。