1

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

我想使用 .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。这段代码工作得很好。正如我之前提到的,我想通过放置百分比进度条使其更加用户友好。
希望我的问题很清楚。

请帮我...

提前致谢

4

1 回答 1

3

但他们需要 html 5 支持。

没有必要。例如,blueimp 文件上传插件测试浏览器功能,如果浏览器不支持 HTML5 XHR2 ,则可以使用jQuery iframe 传输。以下是有关浏览器支持的更多详细信息。

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

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

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

于 2012-07-18T17:35:33.110 回答