• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Asp.netmvc3实现进度条上传思路[转]

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

 

     最近在做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来实现进度条信息。

 

 

 

 

 

 

     最近在做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来实现进度条信息。

 

 

 

 

 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.NETMVC入门--7、Hellper与数据的提交与绑定发布时间:2022-07-10
下一篇:
如何在asp.net中关闭B页面时,自动刷新A页面?发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap