我在以前的开发中经常遇到这样的场景：文件上传之后需要显示文件名，但是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. Words Gems

    所有的东西都来自抄袭.来自学习.不同的是用新的方法做其他公司做过的事情.很多公司做同样的事情,但只有一家公司最成功.你要发现一个有需求的服务,并做得比别人更好,而不是比别人更早.

  2. 六 Vue学习 首页 （下）

    一:Store介绍: state: 相当于数据 action: action去commit mutations mutation: 只有mutation 才能改变state 例: const stor ...

  3. 47: error: undefined reference to `QWebView::QWebView(QWidget*)'

    QT  5.6版本 用Qt界面设计器打开界面文件,在界面上托入QWebView控件,这时运行会出现错误,错误如下: ......... undefined reference to `QWebView ...

  4. bzoj5093

    NTT+组合数学 $把每个点分别按度数考虑,由于有标号,可以得出$ $ans=n*2^{(n-1)*(n-2)}*\sum_{i=1}^{n-1}{C(n-1,i)*i^{k}}$ $本质上是求\su ...

  5. [poj3140]Contestants Division树形dp

    题意:切掉树上的某条边,使分开的两棵树上各点的权值和差值最小. 与hdu2196不同的是,此题是点权,其他无太大差别,注意数据范围. 先求出每个节点的子树权值和,然后自底向上dp即可.取$\min ( ...

  6. WCF IIS部署

    创建WCFHost应用程序 Iservice.cs using System; using System.Collections.Generic; using System.Linq; using S ...

  7. day1 java基础回顾- Properties类与配置文件

    Properties配置文件说明 Properties类对应.properties文件.文件内容是键值对,键值对之间使用"="或空格隔开.开头是"#"的表示注释 ...

  8. Thinkphp3.2 下载文件的方法

    今天做一个功能,刚好遇到了一个要下载文件功能的需求,所以把这个基于thinkphp3.2的文件下载功能,描述一下大概的实现方法. 网上有人说用a链接的方法实现,但是这种方法并不安全.所以我们还是用官方 ...

  9. Linux Ubuntu下Jupyter Notebook的安装

    Jupyter Notebook, 以前又称为IPython notebook,是一个交互式笔记本, 支持运行40+种编程语言. 可以用来编写漂亮的交互式文档. 安装步骤: pip install - ...

  10. Python包管理工具小结

    此文已由作者张耕源授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 作为一名接触Python有一段时间的初学者,越来越体会到Python的方便之处,它使人能更 多的关注业务本身 ...