asp.net-mvc-3 - .net MVC 3.0 带进度条的文件上传

Question

我看到有类似的问题。但我找不到答案。这就是我再次发布此内容的原因。抱歉!!

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

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

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

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

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

我的代码是这样的

查看

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

Controller

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

But they need html 5 support.

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

Uploadify这是另一个在浏览器不支持 XHR2 的情况下使用 Flash 的示例。

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

因此，只需选择一个插件，阅读文档，将其集成到您的 ASP.NET MVC 3 应用程序中即可享受乐趣。