Asp.net mvc 3 实现进度条上传思路

     最近在做asp.net mvc 大文件上传，但是每次大文件上传的响应时间都很长，没有提示就给不了用户良好的体验，所以想了想还是必须在文件上传时显示进度条，但是asp.net默认的文件上传管道是无法显示进度条的。所以就必须自己手动创建一个接收管道。实现的方式有2种，一种是写一个类继承IHttpModule接口然后实现其中的方法，还有一种就是直接在Global.asax里面的Application_BeginRequest写上传文件的方法。

     在写文件接收方法的时候应该分块来接收文件，然后在同时保存文件的状态，这时候就要注意如何保存文件的状态,以便客户端获取，我想了几种方式总结出来

1、可以使用Application变量。Application对象的作用范围是整个全局，也就是说对所有用户都有效。其常用的方法用Lock和UnLock。

Application.Lock(); 

Application["GUID"]=upload;

Application.UnLock(); 

2、使用Session变量。想必这个肯定是大家使用中最常见的用法了，其操作与Application类似，作用于用户个人，所以，过量的存储会导致服务器内存资源的耗尽。

Session["GUID"]=upload;

　　

3、使用Cookie变量。这个也是大家常使用的方法，与Session一样，其实是对每一个用户而言的，但是他们有个本质的区别，即Cookie是存放在客户端的，而Session是存放在服务器端的。而且Cookie的使用要配合ASP.NET内置对象Request来调用。

            HttpCookie myCookie = new HttpCookie(cookieName);
            myCookie = HttpContext.Current.Request.Cookies[cookieName];
            HttpContext.Current.Response.Cookies.Add(myCookie);
            HttpCookie myCookie = new HttpCookie(cookieName);
            myCookie = HttpContext.Current.Request.Cookies[cookieName];

　　

4、使用Cache,但是.NET中Cache有两种调用方式：HttpContext.Current.Cache 和 HttpRuntime.Cache。下面的是MSDN的解释。

HttpContext.Current.Cache：为当前 HTTP 请求获取Cache对象。
HttpRuntime.Cache：获取当前应用程序的Cache。
HttpContext：封装有关个别HTTP请求的所有HTTP特定的信息，HttpContext.Current为当前的HTTP请求获取HttpContext对象。
HttpRuntime：为当前应用程序提供一组ASP.NET运行时服务。

其实HttpRuntime.Cache相当于就是一个缓存具体实现类，这个类虽然被放在了System.Web命名空间下，但是非Web应用下也是可以使用；HttpContext.Current.Cache是对上述缓存类的封装，由于封装到了HttpContext类中，局限于只能在知道HttpContext下使用，即只能用于Web应用。

既然我们这边是采用mvc3是web应用程序，那我们就都可以使用，但是我建议既然是web应用程序还是使用HttpContext.Current.Cache.

HttpContext.Current.Cache[Guid]

-------------------------------------------------------------------------------------------------------------------------------------------

以上4种都可以算是全局变量，但是有的并不是很好的方案，建议使用第一种和第四种来存储数据。我是采用Cache来存储文件进度的信息的。

这时候又有一个问题了。我们应该怎么知道当前上传的是什么应用程序呢？我使用的是GUID来标识，这样上传上来的程序就有唯一的标识符了。多个用户同时上传也不会有问题了。

在客户端方面我采用了Jquery 版本号 1.64 、 jquery.blockUI.js 版本号 1.23、 jquery.form.js 版本号 2.84 、jquery-ui.js 版本号 1.8.16

 

用jquery.blockUI来实现弹出层，jquery.form用来提交数据，Jquery 的$.ajax方法来获取当前文件进度的状态Json，jquery-ui来实现进度条信息。

下面是MVC3大文件上传的截图，这篇文章主要是讨论文件上传实现进度条的思路并没有提供demo进行下载有什么问题可以留言。