ASP.NET+AJAX实现进度条上传文件

时间:2014-07-14 17:04:27
【文件属性】:

文件名称:ASP.NET+AJAX实现进度条上传文件

文件大小:84KB

文件格式:RAR

更新时间:2014-07-14 17:04:27

UploadDemo

该程序采用了jquery框架,实现了小文件上传,不超过80Mb,可以在web.config文件中进行相应的配置,但是有个最大值,具体需要查看msdn,下一篇文章我将会实现大文件上传,下一篇文章估计得过段时间,因为接下来这几天我需要忙着去面试。另外,开发环境采用visual studio 2010 .net framework 4.0,运行的时候大家注意一下是否满足要求,好了,下面直入正题。 先来看看实现原理。基本原理:一个页面进行文件上传,另外一个页面去监听这个文件上传了多少。 这里面有两个地方需要解释一下:第一个,如何知道监听的这个文件就是上传的这个文件?实现机制很简单,就是让asp.net产生一个唯一的guid,这个id序号是唯一的,通过ajax取出来赋值给一个隐藏字段;第二个,如何获取guid标志的文件信息?通过asp.net缓存机制实现,上传的过程中,不断的将上传信息往缓存里面写,直到文件上传完成,而在另外一个通过guid获取缓存的信息,信息包括你想要的信息,比如上传了多少字节、消耗了多长时间等。


【文件预览】:
asp_net_progressbar
----UploadHandler()
--------Default.aspx(113B)
--------Default.aspx.cs(942B)
----Web.config(2KB)
----Styles()
--------Site.css(4KB)
--------base.css(3KB)
----App_Code()
--------FileUploadModule.cs(2KB)
--------DownloadingFileInfo.cs(2KB)
--------UploadUtil.cs(3KB)
--------LogUtil.cs(782B)
----App_Data()
----ProgressHandler()
--------Abort.ashx(2KB)
--------Handler.ashx(3KB)
--------GenerateGuid.ashx(1KB)
----index.htm(2KB)
----Log()
--------log.txt(3B)
----Global.asax(951B)
----Scripts()
--------ljq.lib.js(3KB)
--------jquery-ui-1.8.2.custom.min.js(202KB)
--------Ajax()
--------jquery-1.4.2.min.js(70KB)
----Accessory()

网友评论

  • 学习了,好例子
  • 可以用,不错
  • 代码很多,应该不错,仔细看看,对自己很有好处谢谢
  • 有点乱,功能还是实现了
  • 实现方法可以借鉴一下
  • 超好用的东东,不想改直接可拿来用
  • 太乱了,实在不知道写的是什么。
  • 非常不错的资源
  • 有点凌乱,用来学习一下,谢谢分享
  • 这个东西用的时候要改好多东西的 不过思想可以借鉴 谢谢分享
  • 超好用的东东,不想改直接可拿来用
  • 蛮好的,可以用
  • 有点乱,而且源码有点问题
  • 不错,能够实现上传,谢谢分享
  • 简单看了一下 有点乱 但是改改还是可以借鉴的
  • 太乱了,不理想
  • 太乱了,不理想
  • 有点乱,而且源码有点问题,需要修改,否则不能上传。
  • 不是以项目的形式展示的,看起来比较费劲。并且如果实际使用需要改很多东西。谢谢分享。
  • 这个东西用的时候要改好多东西的 不过思想可以借鉴 谢谢分享