Asp.net mvc 3 实现进度条上传思路[转]
最近在做asp.net mvc 大文件上传,但是每次大文件上传的响应时间都很长,没有提示就给不了用户良好的体验,所以想了想还是必须在文件上传时显示进度条,但是asp.net默认的文件上传管道是无法显示进度条的。所以就必须自己手动创建一个接收管道。实现的方式有2种,一种是写一个类继承IHttpModule接口然后实现其中的方法,还有一种就是直接在Global.asax里面的Application_BeginRequest写上传文件的方法。
在写文件接收方法的时候应该分块来接收文件,然后在同时保存文件的状态,这时候就要注意如何保存文件的状态,以便客户端获取,我想了几种方式总结出来
1、可以使用Application变量。Application对象的作用范围是整个全局,也就是说对所有用户都有效。其常用的方法用Lock和UnLock。
1
2
3
4
5
|
Application.Lock(); Application[ "GUID" ]=upload; Application.UnLock(); |
2、使用Session变量。想必这个肯定是大家使用中最常见的用法了,其操作与Application类似,作用于用户个人,所以,过量的存储会导致服务器内存资源的耗尽。
1
|
Session[ "GUID" ]=upload; |
3、使用Cookie变量。这个也是大家常使用的方法,与Session一样,其实是对每一个用户而言的,但是他们有个本质的区别,即Cookie是存放在客户端的,而Session是存放在服务器端的。而且Cookie的使用要配合ASP.NET内置对象Request来调用。
1
2
3
4
5
|
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.
1
|
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来实现进度条信息。