我在以前的开发中经常遇到这样的场景：文件上传之后需要显示文件名，但是asp.net自带的fileupload是不能付给上传后的文件名值的。

以前都是做一个label显示的，今天想起来了，写个控件封装一下,直接上代码

控件的代码:

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Text;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace Fang

{

    [DefaultProperty("Text")]

    [ToolboxData("<{0}:FangFileUpload runat=server></{0}:FangFileUpload>")]

    public class FangFileUpload : FileUpload

    {

        /// <summary>

        /// 指示是否上传成功,上传成功后直接反应文件名称和一个删除按钮

        /// </summary>

        [

        Browsable(false),

        Description("设置或获取是否上传成功的标记")

        ]

        public bool IsUploaded

        {

            get { return ViewState["IsUploaded"] == null ? false : (bool)ViewState["IsUploaded"]; }

            set { ViewState["IsUploaded"] = value; }

        }

        /// <summary>

        /// 上传成功的文件名啊

        /// </summary>

        public string UploadedFileName

        {

            get { return ViewState["UploadedFileName"] == null ? null : ViewState["UploadedFileName"].ToString(); }

            set { ViewState["UploadedFileName"] = value; }

        }

        /// <summary>

        /// 微软默认在这里加了file属性，去掉

        /// </summary>

        /// <param name="writer"></param>

        protected override void AddAttributesToRender(HtmlTextWriter writer)

        {

            //没有上传的时候客户端才需要id和name

            if (!this.IsUploaded)

            {

                string uniqueID = this.UniqueID;

                if (uniqueID != null)

                {

                    writer.AddAttribute(HtmlTextWriterAttribute.Name, uniqueID);

                }

                string clientID = this.ClientID;

                if (clientID != null)

                {

                    writer.AddAttribute(HtmlTextWriterAttribute.Id, clientID);

                }

            }

        }

        /// <summary>

        /// 判断是应该显示div,还是file

        /// </summary>

        protected override HtmlTextWriterTag TagKey

        {

            get

            {

                if (IsUploaded)

                {

                    return HtmlTextWriterTag.P;

                }

                else

                {

                    return HtmlTextWriterTag.Input;

                }

            }

        }

        /// <summary>

        /// 输出div或者file

        /// </summary>

        /// <param name="writer"></param>

        protected override void Render(HtmlTextWriter writer)

        {

            if (!IsUploaded)

            {

                writer.AddAttribute(HtmlTextWriterAttribute.Type, "file");

                base.Render(writer);

            }

            else

            {

                base.RenderBeginTag(writer);

                writer.Write(string.IsNullOrEmpty(UploadedFileName) ? "未命名上传文件" : UploadedFileName);

                base.RenderEndTag(writer);

            }

        }

    }

}

　　

测试代码：

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="FangFileUpload" Namespace="Fang" TagPrefix="Fang" %>

<!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 runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <Fang:FangFileUpload ID="FangFileUpload1" runat="server" />

        <br />

        <asp:Button ID="btn" runat="server"  OnClick="btn_Click" Text="upload"/>

    </form>

</body>

</html>

　　

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

    }

    protected void btn_Click(object sender, EventArgs e)

    {

        if (FangFileUpload1.HasFile)

        {

            FangFileUpload1.SaveAs(Server.MapPath("~/upload/") + FangFileUpload1.FileName);

            //上传成功

            FangFileUpload1.IsUploaded = true;

            FangFileUpload1.UploadedFileName = FangFileUpload1.FileName;

        }

    }

}

　　

重写FileUpload控件让它可以显示上传后的文件名的更多相关文章

  1. C#在WinForm中重写ProgressBar控件（带%的显示）

    废话少说,直接上码: namespace csPublish { [ToolboxItem(true)] class textProgressBar : System.Windows.Forms.Pr ...

  2. C#picturebox控件图片以json格式上传java后台保存

    关于winform上传图片到Java后端,保存到数据库,有多种方法,本文主要介绍利用picturebox控件,点击按钮上传图片,将图片转化为base64格式,以json格式上传到Java后台,再从ja ...

  3. el-upload控件一次接口请求上传多个文件

    el-upload组件默认情况下上传多少个文件就会请求多少次上传接口,如何一次上传多个文件而不必多次请求上传接口呢?直接看代码 html <el-upload :action="act ...

  4. FileUpload控件使用初步

    FileUpload控件使用初步   FileUpload控件使用初步: 1.实现文件上传 protected void btnSubmit_click(object sender, EventArg ...

  5. .NET中的FileUpload控件的使用-Jquery(一)

    FileUpload在HTML中是个常用的基础控件,在涉及到上传各种格式的文件时候都会用到:笔者前段时间正好用到它做上传功能,记录下来做一些累积, 前端到后台用的是的Jquery中的Ajax进行数据传 ...

  6. FileUpload控件实现单按钮图片自动上传并带预览显示

    FileUpload控件实现单按钮图片自动上传并带预览显示 1.实现原理:   FileUpload控件默认不支持服务端的ONCHANGE事件,此时用一种变通的方法借用客户端的onchange事件,调 ...

  7. Asp.net中FileUpload控件实现图片上传并带预览显示

    单一图片上传——“选择”+“上传”,.NET默认模式: 1.实现原理:     采用FileUpload控件默认的使用方式,先由“选择”按钮选择图片,然后单击“上传”按钮完成上传,并可在“上传”按钮的 ...

  8. C# 自定义FileUpload控件

    摘要:ASP.NET自带的FileUpload控件会随着浏览器的不同,显示的样式也会发生改变,很不美观,为了提高用户体验度,所以我们会去自定义FileUpload控件 实现思路:用两个Button和T ...

  9. FileUpload控件「批次上传 / 多档案同时上传」的范例--以「流水号」产生「变量名称」

    原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/08/19/multiple_fileupload_asp_net_20130819. ...

随机推荐

  1. Python 2.7获取网站源代码的几种方式_20160924

    #coding:utf-8 import urllib2,cookielib if __name__ == '__main__': root_url='https://www.baidu.com/' ...

  2. 【Lintcode】095.Validate Binary Search Tree

    题目: Given a binary tree, determine if it is a valid binary search tree (BST). Assume a BST is define ...

  3. [转]深入了解 CSS3 新特性

    简介 CSS 即层叠样式表(Cascading Stylesheet).Web 开发中采用 CSS 技术,可以有效地控制页面的布局.字体.颜色.背景和其它效果.只需要一些简单的修改,就可以改变网页的外 ...

  4. python optparse命令解析模块

    来源:http://www.cnblogs.com/pping/p/3989098.html?utm_source=tuicool&utm_medium=referral 来源:http:// ...

  5. MQTT 客户端源码分析

    参看:逍遥子_mosquitto源码分析系列 参看:MQTT libmosquitto源码分析 参看:Mosquitto学习笔记 一.目录结构 首先我们还是来看一下 mosquitto-1.4.14 ...

  6. POJ1502(最短路入门题)

    MPI Maelstrom Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 7471   Accepted: 4550 Des ...

  7. go http 下载视频（TS码流文件）（推荐一个网站学习 go example）

    视频  http下载代码 dn.go(注意:代码很ugly,没怎么花时间) 总体感觉特别简单,网上看了下 net/http ,io这2个库的使用, 几分钟就写完了,感觉cpp 在做工具这块 开发效率的 ...

  8. C#操作SQL Server中的Image类型数据

    该例子是一个对SQL Server数据类型的一个操作例子,具有写入.读取功能. 1:准备数据库 1)创建数据库 Test 2)创建表 Table_1 (分别有2个字段:id(Int).photo(Im ...

  9. 《Java多线程编程核心技术》读后感（十四）

    单例模式与多线程 立即加载/饿汉模式 立即加载就是使用类的时候已经将对象创建完毕,常见的实现办法就是直接new实例化. 立即加载/饿汉模式实在调用方法前,实例已经被创建了 package Six; p ...

  10. js中match的用法

    match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本.这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g. 一.如果 regexp 没 ...