zoukankan      html  css  js  c++  java
  • .NET基础之FileUpload控件进阶(一)

    1.隐藏控件两种办法:

  • 改变控件样式:style="display: none"
  • 在javascript中写入:document.getElementById("FileUpload1").style.display="inline";

    2.点击按钮控件实现激活FileUpload控件

    页面源代码:添加一个FileUpload控件,一个Input(File)控件
    <input id="Button1" type="button" value="button" onclick="Button1_onclick()" />
    <asp:FileUpload ID="FileUpload1" runat="server"   /> 
    添加javascript,Button1的onclick事件

    Code

    3.FileUpload控件选定文件后在页面上及时显示文件客户端路径

    页面源代码:添加一个Label 控件
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    添加javascript

    Code


    页面cs代码:

    protected void Page_Load(object sender, EventArgs e) 

         this.FileUpload1.Attributes.Add("onchange",   "label_text();"); //添加处理函数
    }

    4.FileUpload控件选定图片后在页面上及时预览图片

    页面源代码:添加一个Image控件, 一个FileUpload控件

    <asp:FileUpload ID="FileUpload1" runat="server" onpropertychange="show(this.value)"/>
    <asp:Image ID="Image1" runat="server" />
    添加javascript

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

    function show(id) 
    {  
         
    //将FileUpload取得的图片客户端路径给传值给Image1.src 
          document.getElementById("Image1").src=id; 
    }
     
    </script>

    5.FileUpload控件选定图片后在页面上及时预览图片(通过滤器实现)

    页面源代码:添加一个div
    <div id="divview" style="filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);WIDTH: 166px; HEIGHT: 190px">
    <!--用于显示图片-->
    </div>
    <asp:FileUpload ID="FileUpload1" runat="server" onpropertychange="show(this.value)"/>
    添加javascript

    Code


    6.动态添加FileUpload控件

  • 页面源代码:添加一个TextBox控件 ,一个Panel控件
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:Panel ID="Panel1" runat="server"></asp:Panel>
    页面cs代码:

    Code

    7.批量上传文件 
    页面cs代码:

    Code
命运负责洗牌,但是玩牌的是我们自己!
查看全文
  • 相关阅读:
    win7通过配置怎么样ODBC数据源
    apache2.2 虚拟主机配置
    Matlab曲面拟合和插值
    查询记录rs.previous()使用
    阅读《平庸的世界》后感觉 (两)
    苹果公司的新的编程语言 Swift 高级语言()两--基本数据类型
    UVA 12075
    [LeetCode] Search a 2D Matrix [25]
    js 数组,字符串,JSON,bind, Name
    linux系统下怎么安装.deb文件?
  • 原文地址:https://www.cnblogs.com/shanymen/p/1458460.html
  • Copyright © 2011-2022 走看看