• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > asp.net单文件带进度条上传的解决方案

asp.net单文件带进度条上传的解决方案

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了文件下载 asp.net,文件上传 asp.net,多文件上传 asp.net,asp.net,asp net培训等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

最近做项目中遇到很多问题,比如带进度条的文件上传,看了网上很多资料还没找到真正意义上的ASP.NET实现进度条上传(可能是我没找到),下面我来跟大家分享一下我实现的这个程序。
首先看下界面效果,当然你可以完全修改界面为你自己所用。

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

 

index.htm就是文件上传页面,提交form给UploadHandler目录下的Default.aspx,以实现文件上传。
ProgressHandler目录下三个文件为Abort.ashx、GenericGuid.ashx,Handler.ashx功能分别为:根据Guid取消正在上传的文件,生成Guid,根据Guid获取上传信息。
第一步:建立index.htm页面,这个上传页面,需要注意的就是需要一个隐藏的iframe,并且名字为form提交的目标。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 <title>ASP.NET Ajax文件上传进度条示例</title> 
 <meta name="author" content="李检全" /> 
 <link href="Styles/base.css" rel="stylesheet" type="text/css" /> 
 <script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script> 
 <script src="Scripts/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script> 
 <script src="Scripts/ljq.lib.js" type="text/javascript"></script> 
 <script src="Scripts/Ajax/GuidGet.js" type="text/javascript"></script> 
 <script src="Scripts/Ajax/ajax-progress-upload.js" type="text/javascript"></script> 
</head> 
<body> 
 <div id="upload_demo"> 
  <div class="title">ASP.NET Ajax 文件上传进度条示例</div> 
  <form action="UploadHandler/Default.aspx" enctype="multipart/form-data" method="post" target="upload_hidden_iframe"> 
   <input id="guid" name="guid" value="" type="hidden" /> 
   <p>*本程序适合小文件上传,不超过80Mb</p> 
   <p>文件地址</p> 
   <input name="upload_file" type="file" /> 
   <br /> 
   <p>文件描述</p> 
   <textarea name="description_file"></textarea> 
   <br /> 
   <br /> 
   <input type="submit" value="上传文件" /> 
  </form> 
 </div> 
 <div id="back_panel"></div> 
 <div id="upload_panel"> 
  <div id="upload_title">文件上传</div> 
  <div id="upload_content"> 
 
   <ul> 
    <li id="finished_percent">正在准备上传...</li> 
    <li><div id="upload_bar"><div id="upload_progress"></div></div></li> 
    <li id="upload_speed"></li> 
    <li id="upload_costTime"></li> 
    <li id="upload_fileSize"></li> 
    <li id="upload_fileName"></li> 
   </ul> 
 
   <div id="upload_detail"></div> 
   <div id="upload_choose"> 
    <span id="upload_cancel">取消</span><span id="upload_submit">确定</span> 
   </div> 
  </div> 
 </div> 
 <iframe name="upload_hidden_iframe" style="display:none;"></iframe> 
 
 
</body> 
</html> 
</div>

第二步,创建GenerateGuid.ashx文件,作用就是生成唯一的Guid。

<%@ WebHandler Language="C#" Class="ProgressHandler.Handler" %> 
 
using System; 
using System.Web; 
using System.Xml.Linq; 
 
namespace ProgressHandler 
{ 
 public class Handler : IHttpHandler 
 { 
  /// <summary> 
  /// 获得上传文件的GUID 
  /// </summary> 
  /// <param name="context">当前请求实体</param> 
  /// <creattime>2015-06-28</creattime> 
  /// <author>FreshMan</author> 
  public void ProcessRequest(HttpContext context) 
  { 
   context.Response.Charset = "utf-8"; 
   context.Response.ContentType = "application/xml"; 
   var guid = Guid.NewGuid().ToString(); 
   var doc = new XDocument(); 
   var root = new XElement("root"); 
 
   var xGuid = new XElement("guid", guid); 
   root.Add(xGuid); 
   doc.Add(root); 
   context.Response.Write(doc.ToString()); 
   context.Response.End(); 
  } 
 
  public bool IsReusable 
  { 
   get { return false; } 
  } 
 
 } 
} 
</div>

第三步,创建Default.aspx文件,用于提交表单时上传文件。

using System; 
 
namespace UploadHandler 
{ 
 public partial class UploadHandlerDefault : System.Web.UI.Page 
 { 
  protected void Page_Load(object sender, EventArgs e) 
  { 
   string guid = Request.Params["guid"]; 
   UploadUtil utilHelp = new UploadUtil(this, guid); 
   utilHelp.Upload(); 
  } 
 } 
} 
</div>

上传核心代码:

using System; 
using System.Web; 
using System.IO; 
using System.Configuration; 
using System.Web.UI; 
using System.Web.Caching; 
using System.Threading; 
public class UploadUtil 
{ 
 private Stream _reader; 
 private FileStream _fStream; 
 private const int Buffersize = 10000; 
 private readonly string _filePath =new Page().Server.MapPath(ConfigurationManager.AppSettings["upload_folder"]); 
 private readonly Page _page; 
 private readonly string _guid; 
 public UploadUtil(Page page, string guid) 
 { 
  _page = page; 
  _guid = guid; 
 } 
 public void Upload() 
 { 
  if (_page.Request.Files.Count > 0) 
  { 
   DoUpload(_page.Request.Files[0]); 
  } 
 } 
 private void DoUpload(HttpPostedFile postedFile) 
 { 
  bool abort = false; 
  string uploadFilePath = _filePath + DateTime.Now.ToFileTime()+"//"; 
  if (!Directory.Exists(uploadFilePath)) 
  { 
   Directory.CreateDirectory(uploadFilePath); 
  } 
  string uploadFileName = postedFile.FileName; 
  DownloadingFileInfo info = new DownloadingFileInfo(uploadFileName, postedFile.ContentLength, postedFile.ContentType); 
  object fileObj = HttpContext.Current.Cache[_guid]; 
  if (fileObj != null) 
  { 
   HttpContext.Current.Cache.Remove(_guid); 
  } 
  HttpContext.Current.Cache.Add(_guid, info, null, DateTime.Now.AddDays(1), TimeSpan.Zero, CacheItemPriority.AboveNormal, null); 
  DateTime begin=DateTime.Now.ToLocalTime(); 
  _fStream = new FileStream(uploadFilePath + uploadFileName, FileMode.Create); 
  _reader = postedFile.InputStream; 
  byte []buffer=new byte[Buffersize]; 
  int len = _reader.Read(buffer,0,Buffersize); 
 
  while (len > 0&&!abort) 
  { 
   _fStream.W



 
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • asp.net实现多个文件同时下载功能
  • asp.net实现服务器文件下载到本地的方法
  • Asp.Net修改上传文件大小限制方法
  • asp.NET中实现文件的压缩和解压(3种方式)
  • ASP.NET文件上传Upload的实现方法
  • ASP.NET访问共享文件夹的详细步骤
  • ASP.NET文件上传Upload的实现方法
  • ASP.NET访问共享文件夹的详细步骤
  • asp.net core实现文件上传功能
  • asp.net图片文件的上传与删除方法

相关文章

  • 2017-05-11扩展 Entity Framework支持复杂的过滤条件(多个关键字模糊匹配)
  • 2017-05-11Asp.net中DataTable导出到Excel的方法介绍
  • 2017-05-11asp.net fileupload控件上传图片并预览图片
  • 2017-05-11asp.net 获取机器硬件信息(cpu频率、磁盘可用空间、内存容量等)
  • 2017-05-11ASP.NET表单验证方法详解第1/2页
  • 2017-05-11设计windows phone页面主题
  • 2017-05-11ASP.NET MVC3网站创建与发布(1)
  • 2017-05-11AspNetPager分页控件定义及应用样式示例介绍
  • 2017-05-11ASP.net Textbox的技巧使用
  • 2017-05-11.NET中基于事件的异步模式-EAP

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • .NET Core利用skiasharp文字头像生成方法教程(基于docker发布)
    • .Net整合Json实现REST服务客户端的方法详解
    • asp.net 反射减少代码书写量
    • 在Web用户控件中引用样式表中样式的方法
    • asp.net mvc4 mysql制作简单分页组件(部分视图)
    • 使用.NET命令行编译器编译项目(如ASP.NET、C#等)
    • MVC+EasyUI+三层新闻网站建立 实现登录功能(四)
    • 扩展 Entity Framework支持复杂的过滤条件(多个关键字模糊匹配)
    • Asp.Net FckEditor在web.config中配置的具体实例
    • 弹出窗口,点击确定在删除数据的实现方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有