开发学院 WEB开发 ASP.NET ASP.NET2.0:Ilungasoft.Framework.Web之基于Callb... 阅读

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

　2006-04-02 17:05:17　来源：WEB开发网　　　

核心提示：共享一个基于Callback的无刷新上传进度条控件的源码，本控件使用的HttpMoudule基于宝玉的一个上传进度条的sample，ASP.NET2.0:Ilungasoft.Framework.Web之基于Callback的无刷新上传进度条控件[带源码]，这里封装为一个控件，方便使用，其他浏览器只要支持xmlhttp

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

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

源码及示例下载http://teddyma.cnblogs.com/Files/teddyma/TestUploadPRogressBar.zip

(在本机运行示例注意将程序所在目录设为对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为页面中出发上传事件的按钮的ID)

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" /><br />
16　　　　　 <br />
17　　　　　 <cc1:UploadProgressBar ID="UploadProgressBar1" runat="server" UploadButtonName="Button1" UploadErrorRedirectUrl="UploadError.aspx">
18　　　　　 </cc1:UploadProgressBar>
19　　　　　　<br />
20　　　　　 <br />
21　　　 </div>
22　 </form>
23</body>
24</html>
Default.aspx.cs

1using System;
2using System.Data;
3using System.Configuration;
4using System.Web;
5using System.Web.Security;
6using System.Web.UI;
7using System.Web.UI.WebControls;
8using System.Web.UI.WebControls.WebParts;
9using System.Web.UI.HtmlControls;
10
11public 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}
是不是没感觉到和使用该控件之前相比多了任何代码呢？；-）