我在以前的开发中经常遇到这样的场景：文件上传之后需要显示文件名，但是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. BZOJ_5359_[Lydsy1805月赛]寻宝游戏_DP

    BZOJ5359_[Lydsy1805月赛]寻宝游戏_DP Description begin.lydsy.com/JudgeOnline/upload/201805.pdf 我们需要找到一条权值最大 ...

  2. ACM学习历程——POJ3321 Apple Tree（搜索，线段树）

          Description There is an apple tree outside of kaka's house. Every autumn, a lot of apples will ...

  3. windows下搭建绿色nodejs运行环境

    无意中在网上看到NodeJS的文章,发现最近还挺火的,正好我也是做技术的,那就下载个玩玩呗,试试它的魅力,也来亲自感受下. 网上nodejs的环境的搭建到处都是,我这里就不说了,今天我想通过我自己的环 ...

  4. HDU3991：Black and White

    浅谈树状数组与线段树:https://www.cnblogs.com/AKMer/p/9946944.html 题目传送门:http://acm.hdu.edu.cn/showproblem.php? ...

  5. POJ3694(求割边)

    Network Time Limit: 5000MS   Memory Limit: 65536K Total Submissions: 7943   Accepted: 2893 Descripti ...

  6. Divide Two Integers-不用'/' '*' '%'操作实现整数的除法

    题目描述: 不用 '*' '/' 和 '%' 运算实现两个整数的除法 题目来源:http://oj.leetcode.com/problems/divide-two-integers/ 题目分析: 例 ...

  7. mvc 自定义 AuthorizeAttribute 验证逻辑

    public class AuthorizationFilterAttribute : AuthorizeAttribute { Dictionary<string, string> ro ...

  8. GET和POST的区别及get和post关于请求的编解码的问题

    GET和POST的本质区别是什么?        使用GET,form中的数据将编码到url中,而使用POST的form中的数据则在http协议的header中传输.在使用上,当且仅当请求幂等(字面意 ...

  9. POJ-3616

    Milking Time Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 10434   Accepted: 4378 Des ...

  10. sorted matrix - search & find-k-th

    sorted matrix ( Young Matrix ) search for a given value in the matrix: 1) starting from upper-right ...