我在以前的开发中经常遇到这样的场景：文件上传之后需要显示文件名，但是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. MySQL-计算7月重新激活客户第二种方法_20161022

    上周日休假去广西玩了一周,回来继续. (一)上次用的是取当月首单日期,往前推30天 代码比较繁琐 这次方法是借助变量 错行进行判断 一个用户上次最后一次下单时间和下次下单时间的时间差 也就是形成一个相 ...

  2. 解决mongodb查询慢的问题

    最近项目上一直在用mongodb作为数据库,mongodb有他的优势,文档型类json格式存储数据,修改起来比传统的关系型数据库更方便,但是最近在用mongodb出现了查询缓慢的问题,我用命令行查询, ...

  3. python爬虫知识点总结（六）BeautifulSoup库详解

    官方学习文档:https://www.crummy.com/software/BeautifulSoup/bs4/doc.zh/ 一.什么时BeautifulSoup? 答:灵活又方便的网页解析库,处 ...

  4. bzoj 1657 [Usaco2006 Mar]Mooo 奶牛的歌声——单调栈水题

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=1657 #include<iostream> #include<cstdio ...

  5. hdu3037Saving Beans——卢卡斯定理

    题目:http://acm.hdu.edu.cn/showproblem.php?pid=3037 卢卡斯定理模板——大组合数的取模 代码如下: #include<iostream> #i ...

  6. Microsoft SQL Server 数据库

    1. master 数据库 master 数据库记录 SQL Server 系统的所有系统级别信息.它记录所有的登录帐户和系统配置设置.master 数据库是这样一个数据库,它记录所有其它的数据库,其 ...

  7. docker学习 （二）基本概念

    基本概念: Docker包括三个基本概念: 镜像(Image): 特殊的文件系统,提供容器运行时所需的程序.库.资源.配置文件.镜像不包含动态数据,内容在构建后不会被改变. 容器(Container) ...

  8. Angular 2 ViewChild & ViewChildren

    一.ViewChild ViewChild 是属性装饰器,用来从模板视图中获取匹配的元素.视图查询在 ngAfterViewInit 钩子函数调用前完成,因此在 ngAfterViewInit 钩子函 ...

  9. 用Pyinstaller把Python3.7程序打包成可执行文件exe

    1.通过pip3 install pyinstaller 安装成功 2.然后执行命令,首先:需要切换到程序所在的目录 执行命令 pyinstaller -F -w <文件名.py>,-F代 ...

  10. Open Live Writer 代码插入插件测试

    #-*-coding:utf-8-*- import urllib import json import sys import ssl ssl._create_default_https_contex ...