ASP.NET2.0:Ilungasoft.Framework.Web之基于Callback的无刷新

2024-07-10 13:11:19

字体：大中小

来源：转载

供稿：网友

共享一个基于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" onclick="button1_click" /><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}
是不是没感觉到和使用该控件之前相比多了任何代码呢？；-）