当前位置:编程学习 > asp >>

asp.net mvc3实现进度条上传思路

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

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

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

view sourceprint?1 Application.Lock();  

2   

3 Application["GUID"]=upload; 

4   

5 Application.UnLock();

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

view sourceprint?1 Session["GUID"]=upload;

  

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

view sourceprint?1 HttpCookie myCookie = new HttpCookie(cookieName); 

2 myCookie = HttpContext.Current.Request.Cookies[cookieName]; 

3 HttpContext.Current.Response.Cookies.Add(myCookie); 

4 HttpCookie myCookie = new HttpCookie(cookieName); 

5 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.

view sourceprint?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来实现进度条信息。

 

 

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

\

作者“豆浆咖啡”

 

 


 

补充:Web开发 , ASP.Net ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,