欢迎光临
我们一直在努力

asp.net2.0:ilungasoft.framework.web之基于callback的无刷新上传进度条控件[带源码]_asp.net技巧

建站超值云服务器,限时71元/月

共享一个基于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            &nbsp;&nbsp;<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}
是不是没感觉到和使用该控件之前相比多了任何代码呢?;-)


Enjoy!

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » asp.net2.0:ilungasoft.framework.web之基于callback的无刷新上传进度条控件[带源码]_asp.net技巧
分享到: 更多 (0)