ASP.NET2.0: Ilungasoft.Framework.Web之基于Callback的无刷新上传进度条控件[带源码]

共享一个基于Callback的无刷新上传进度条控件的源码。本控件使用的HttpMoudule基于宝玉的一个上传进度条的sample,这里封装为一个控件,方便使用。无需任何代码,只需设置web.config,添加HttpModule的引用,再将控件拖到页面就行。页面中的文件保存操作和传统的asp.net文件上传完全一样。可以设置属性上传过程中出错或上传成功时跳转到其它页面。兼容IE,Firefox,Opera。其它环境没测试,不过因为是基于Asp.Net2.0的callback,其他浏览器只要支持xmlhttp或iframe就应该支持。

在线演示请访问: http://teddy.cn/test

源码及示例下载
(在本机运行示例注意将程序所在目录设为对web帐号可写,否则上传文件是会权限不足报错)

下面简单列举一下示例中的web.config和Default.aspx和Default.aspx.cs。

web.config

 1 <? xml version="1.0" ?>
 2 < configuration >
 3      < appSettings />
 4      < connectionStrings />
 5      < system .web >
 6          < compilation  debug ="true" />
 7          < authentication  mode ="Windows" />
 8      < httpModules >
 9        < add  name ="HttpUploadModule"  type ="Ilungasoft.Framework.Web.Modules.UploadProgressModule, Framework.Web" />
10      </ httpModules >
11      < httpRuntime  maxRequestLength ="1000000"  executionTimeout ="300" />
12    </ system.web >
13 </ configuration >

Default.aspx (注意Line 17必须设置控件的UploadButtonName为页面中出发上传事件的按钮运行时生成的input标签的name属性。对于包含模版页的情况,name可能形如:ctl00$ContentPlaceHolder1$Button1)

 1 <% @ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"  %>
 2
 3 <% @ Register Assembly="Framework.Web" Namespace="Ilungasoft.Framework.Web.UI.WebControls"
 4    TagPrefix="cc1" 
%>
 5 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
 6 < html  xmlns ="http://www.w3.org/1999/xhtml" >
 7 < head  id ="Head1"  runat ="server" >
 8      < title > Untitled Page </ title >
 9 </ head >
10 < body >
11      < form  id ="form1"  runat ="server" >
12          < div >
13              < asp:FileUpload  ID ="FileUpload1"  runat ="server"   />< br  />
14              < br  />
15              < asp:Button  ID ="Button1"  runat ="server"  Text ="Upload"  OnClick ="Button1_Click"   />< br  />
16              < br  />
17              < cc1:UploadProgressBar  ID ="UploadProgressBar1"  runat ="server"  UploadButtonName ="Button1"  UploadErrorRedirectUrl ="UploadError.aspx" >
18              </ cc1:UploadProgressBar >
19              &nbsp;&nbsp; < br  />
20              < br  />
21          </ div >
22      </ form >
23 </ body >
24 </ html >

Default.aspx.cs

 1 using  System;
 2 using  System.Data;
 3 using  System.Configuration;
 4 using  System.Web;
 5 using  System.Web.Security;
 6 using  System.Web.UI;
 7 using  System.Web.UI.WebControls;
 8 using  System.Web.UI.WebControls.WebParts;
 9 using  System.Web.UI.HtmlControls;
10
11 public  partial  class  _Default : System.Web.UI.Page 
12 {
13    protected void Page_Load(object sender, EventArgs e)
14    {
15
16    }

17    protected void Button1_Click(object sender, EventArgs e)
18    {
19        FileUpload1.SaveAs(Server.MapPath("test.tmp"));
20    }

21}

是不是没感觉到和使用该控件之前相比多了任何代码呢?;-)

Enjoy!
http://teddyma.cnblogs.com/archive/2006/04/01/364171.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值