摘要：ASP.NET自带的FileUpload控件会随着浏览器的不同，显示的样式也会发生改变，很不美观，为了提高用户体验度，所以我们会去自定义FileUpload控件

实现思路：用两个Button和TextBox控件来替代FileUpload控件，当点击Button时触发FileUpload控件的点击事件，然后通过JS把FileUpload控件的Value赋给TextBox

代码：

aspx文件：

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head id="Head1" runat="server">

     <title></title>

 </head>

 <body>

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

     <div>

         <asp:FileUpload ID="FileUp" runat="server" Style="display:none;width: 180px" />

         <asp:TextBox ID="txtFileName" runat="server" MaxLength="" Width="170px"></asp:TextBox>

         <asp:Button id="btnBrowse" runat="server" style="width:60px" CssClass="btn" OnClientClick="return ShowBrowse()"

             Text="Browse" />

         <asp:Button ID="btnUpload" runat="server" Width="60px" CssClass="btn" OnClick="btnUpload_Click"

             Text="Upload" />

     </div>

     </form>

     <script language="javascript" type="text/javascript">

         function ShowBrowse()

         {

             var file1=document.getElementById("FileUp");

             if(file1)

             {

                 file1.click();

                 var isie = (document.all) ? true : false; //判断是IE内核还是Mozilla

                 return isie; //火狐浏览器加return false才会在选择文件后将文件名带回到textbox,IE如果返回false上传时要点击两次按钮才触发

             }

         }

     </script>

 </body>

 </html>

JS文件：

 function Check_FilePath() {

     var FilePath = document.getElementById("FileUp");

     var FileNewName = document.getElementById("txtFileName");

     if (FilePath.value != '')

     {

         FileNewName.value = FilePath.value;

     }

 }

aspx.cs文件：

 //Page_Load事件

 this.FileUp.Attributes.Add("onchange", "javascript:return Check_FilePath();");
 //btnUpload_Click事件

 //当点击btnUpload_Click时,把文件上传到指定路径

 //需要考虑多浏览器的问题,如果是IE,直接用FileUpload控件的SaveAs功能,会保存一个空文件

 string strFileName="本地保存文件的路径";

 if (HttpContext.Current.Request.Browser.Browser == "IE")

 {

     WebClient wClient = new WebClient();

     wClient.DownloadFile(this.txtFileName.Text.Trim(), strFileName);

 }

 else

 {

     this.FileUp.PostedFile.SaveAs(strFileName);

 }

遗留问题：当IE浏览器安全级别高时，会取不到文件的完整路径，类似于C:\fakepath\TP.jpg，而导致保存不了；

网上的很多解决办法是手动更改IE浏览器的安全级别，我在想是否可以在代码中实现更改IE浏览器的安全级别，研究ing......

希望有解决方案的朋友们可以分享一下：）

C# 自定义FileUpload控件的更多相关文章

  1. 安卓自定义组合控件--toolbar

    最近在学习安卓APP的开发,用到了toolbar这个控件, 最开始使用时include layout这种方法,不过感觉封装性不好,就又改成了自定义组合控件的方式. 使用的工具为android stud ...

  2. Android自定义控件之自定义组合控件

    前言: 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原理(一).自定义属性Android自定义控件之自定义属性(二).今天重点介绍一下如何通过自定义组合控件来提高布局的复用,降低开发 ...

  3. asp.net webform 自定义分页控件

    做web开发一直用到分页控件,自己也动手实现了个,使用用户自定义控件. 翻页后数据加载使用委托,将具体实现放在在使用分页控件的页面进行注册. 有图有真相,给个直观的认识: 自定义分页控件前台代码: & ...

  4. arcgis api for js共享干货系列之二自定义Navigation控件样式风格

    arcgis api for js默认的Navigation控件样式风格如下图: 这样的风格不能说不好,各有各的爱好,审美观,这里也不是重点,这里的重点是如何自定义一套自己喜欢的样式风格呢:自己自定义 ...

  5. C# DataGridView自定义分页控件

    好些日子不仔细写C#代码了,现在主要是Java项目,C#.Net相关项目不多了,有点手生了,以下代码不足之处望各位提出建议和批评. 近日闲来无事想研究一下自定义控件,虽然之前也看过,那也仅限于皮毛,粗 ...

  6. C#Winform VScrollBar+Pannel自定义列表控件(原)

    该控件的主要实现思路是用的objective-c中的自定义控件思路,主视图中放子视图 效果图 (窗体调用代码) public partial class Form1 : RibbonForm { Li ...

  7. 自定义圆形控件 RoundImageView

    1.自定义圆形控件 RoundImageView package com.ronye.CustomView; import android.content.Context; import androi ...

  8. Android 手机卫士--自定义组合控件构件布局结构

    由于设置中心条目中的布局都很类似,所以可以考虑使用自定义组合控件来简化实现 本文地址:http://www.cnblogs.com/wuyudong/p/5909043.html,转载请注明源地址. ...

  9. 自定义圆形控件RoundImageView并认识一下attr.xml

    今天我们来讲一下有关自定义控件的问题,今天讲的这篇是从布局自定义开始的,难度不大,一看就明白,估计有的同学或者开发者看了说,这种方式多此一举,但是小编我不这么认为,多一种解决方式,就多一种举一反三的学 ...

随机推荐

  1. VUE 入门基础(8)

    十,组件 使用组件 注册 可以通过以下这种方式创建一个Vue实例 new Vue({ el: '#some-element', }) 注册一个全局组件,你可以使用Vue.component(tagNa ...

  2. AIX 环境下遇到Device Busy问题

    IBM AIX v5.3操作系统环境下在对网络或网卡进行操作过程中经常遇到"Device Busy"而终止操作例如:#rmdev -l ent1遇到如下返回信息Method err ...

  3. WPS for Linux,系统缺失字体

    启动WPS for Linux后,出现提示"系统缺失字体" . 出现提示的原因是因为WPS for Linux没有自带windows的字体,只要在Linux系统中加载字体即可. 具 ...

  4. C#开发微信公众平台(附Demo)

    服务号和订阅号 服务号是公司申请的微信公共账号,订阅号是个人申请的,我个人也申请了一个,不过没怎么用. 服务号 1个月(30天)内仅可以发送1条群发消息. 发给订阅用户(粉丝)的消息,会显示在对方的聊 ...

  5. dock停靠管理器

    DockManager停靠管理器可以对它所拥有的 停靠面板 的行为和外观设置进行集中控制.DockPanel停靠面板是停靠应用程序的主要构成部件. 常规面板 DockPanel.ParentPanel ...

  6. linux 驱动学习笔记04--简单驱动

    首先贴代码helloworld.c和Makefile /************************************************************************ ...

  7. Redis从基础命令到实战之列表类型(List)

    经过上一篇基于Redis散列类型的改造后,实战练习中的商品管理已经具备了增加.修改整体.修改部分属性和分页查询功能,但仍然不支持删除商品的功能.这是因为商品总数是以一个自增数字记录的,且关联了新商品k ...

  8. MS SQLSERVER 存儲過程與緩存

    提升SQL Server最具性能的一个方面就是存储过程,SQL Server具备执行计划的缓存功能,以便计划重用.SQL Server2000增强了ad-hoc执行计划的缓存功能,就处理存储过程上性能 ...

  9. js 中闭包的概念

  10. object to 字符串json

    package com.beijxing.TestMain; import com.beijxing.entity.Student; import com.google.gson.Gson; impo ...