zoukankan      html  css  js  c++  java
  • textbox button 模拟fileupload

    方案一: 

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="test.aspx.cs" Inherits="SchoolWeb.test" %>

    <!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">
        <title>无标题页</title>
        <script language="javascript" type="text/javascript">
                function fileUP()
                { 
                    var file = document.getElementById("<%=fileuploadImage.ClientID %>");
                    file.style.display="none";
                    file.click(); 
                    return;
                } 
                function fileSet()
                {
                    var file = document.getElementById("<%=fileuploadImage.ClientID %>");
                    if(file.value !="")
                    {
                        document.getElementById("<%=txtFile.ClientID %>").value = file.value;
                    }
                    return;
                }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txtFile" runat="server"></asp:TextBox>
            <input id="btnFile" type="button" value="上传" onclick="javascript:return fileUP();" />
            <asp:FileUpload ID="fileuploadImage" runat="server" Style="display:none" />
        </div>
        <p>
            <asp:Button ID="Button1" runat="server" Text="保存" OnClick="Button1_Click" />
        </p>
        </form>
    </body>
    </html>
    using System;
    using System.Collections;
    using System.Configuration;
    using System.Data;
    using System.Linq;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.HtmlControls;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Xml.Linq;
    namespace SchoolWeb
    {
        public partial class test : System.Web.UI.Page
        {
            protected string FileName = string.Empty;
            protected void Page_Load(object sender, EventArgs e)
            {
                    FileName = txtFile.Text;
                    this.fileuploadImage.Attributes.Add("onchange", "javascript:return fileSet();");
                    txtFile.Attributes.Add("readonly", "readonly");
            }
            protected void Button1_Click(object sender, EventArgs e)
            {
                this.txtFile.Text = FileName;
                Response.Write(FileName);
            }
        }
    }

     -------------------

    方案二:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="testc.aspx.cs" Inherits="SchoolWeb.testc" %>
    <!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">
        <title>无标题页</title>
        <script type="text/javascript" language="javascript">
            function UploadOnpropertychange()  
            {  
                //JS获取上传控件的值,即所上传文件的绝对路径  
                var varUploadFile = document.getElementByIdx("FileUpload1").value;  
                //将路径值通过split函数切割分成一个数组集合  
                //使用这个函数,这个地方主要是为了获取文件名  
                var varArray = varUploadFile.split('\');  
                 
                //测试  
    //            for (var i = 0;i < varArray.length;i++)  
    //            {  
    //                if (i == varArray.length - 1)  
    //                {  
    //                    alert(varArray[i]);  
    //                }  
    //            }  
                //最后将所需要的文件名赋给文本框  
                document.getElementByIdx("txtUploadFile").value = varArray[varArray.length - 1];  
            }  
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
      <asp:TextBox ID="txtUploadFile" runat="server"></asp:TextBox>
                <input type="button" value="测试" onclick="javascript:document.getElementById('FileUpload1').click();" />
                <asp:FileUpload ID="FileUpload1" runat="server"  />
        </form>
    </body>
    </html>

     using System;

    using System.Collections;
    using System.Configuration;
    using System.Data;
    using System.Linq;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.HtmlControls;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Xml.Linq;
    namespace SchoolWeb
    {
        public partial class testc : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
                if (!IsPostBack)
                {
                    //先将控件隐藏
                    this.FileUpload1.Attributes.Add("style", "display:none");
                    //监视属性变化,此时主要用于捕捉文件路径的写入值
                    this.FileUpload1.Attributes.Add("onpropertychange", "UploadOnpropertychange()");
                }
            }
        }
    }
  • 相关阅读:
    tiff遥感图像空间坐标转换(工作太忙,仅仅作为记录)
    get_beijing_roadnetwork(工作太忙,仅仅作为记录)
    xml_result_2_taos_db(工作太忙,仅仅作为记录)
    Hadoop HDFS原理详解(系统性回顾)
    基于Mapreduce数据排序
    Hadoop-Mapreduce-英文单词计数(Brief版本-超详细解读)
    Hadoop-Mapreduce-英文单词计数
    常见数据类型-HadoopDataType(仅仅作为记录)
    GeoServer 一键发布 Raster 数据服务(分片上传、GDAL)
    GeoServer 安装、跨域
  • 原文地址:https://www.cnblogs.com/pengmincd/p/4018948.html
Copyright © 2011-2022 走看看