使用按鈕就像一個FileUpload在ASP.NET

Question

我有這種情況：

兩個普通的ASP.NET控件。 但我想隱藏FileUpload控件，並保持唯一的按鈕。

東西這麼瑣碎導致我比expected.This更多的問題是我實現：

ASPX：

<asp:FileUpload ID="FileUpload1" runat="server" /> 

<asp:Button ID="UploadButton" runat="server" Text="Carica Documento" OnClientClick="showBrowseDialog();" /> 

<asp:Button runat="server" ID="hideButton" Text="" style="display:none;" OnClick="UploadButton_Click" /> 

<script type="text/javascript" language="javascript"> 
    function showBrowseDialog() { 
     var fileuploadctrl = document.getElementById('<%= FileUpload1.ClientID %>'); 
     fileuploadctrl.click(); 

     var btn = document.getElementById('<%= hideButton.ClientID %>'); 
     btn.click(); 
    } 
</script> 

C＃：

protected void UploadButton_Click(object sender, EventArgs e) 
{ 
    if (FileUpload1.HasFile) 
    { 
     try 
     { 
      string address = Server.MapPath("") + "\\" + FileUpload1.FileName; 
      FileUpload1.SaveAs(address); 
      //... 
     } 
     catch (Exception) { } 
    } 

Answer 1

試試這個layoutt

<asp:FileUpload ID="FileUpload1" Style="display: none" runat="server" onchange="upload()" /> 
<input type="button" value="Carica Documento" onclick="showBrowseDialog()"/> 

<asp:Button runat="server" ID="hideButton" Text="" Style="display: none;" OnClick="UploadButton_Click" /> 

<script type="text/javascript" language="javascript"> 
    function showBrowseDialog() { 
     var fileuploadctrl = document.getElementById('<%= FileUpload1.ClientID %>'); 
     fileuploadctrl.click(); 
    } 

    function upload() { 
     var btn = document.getElementById('<%= hideButton.ClientID %>'); 
     btn.click(); 
    } 
</script> 

Answer 2

不知道如果我已經明白這一點。 你想只顯示一個按鈕而不是兩個打開文件對話框的按鈕，並且在選擇一個文件後，執行上傳作業？

Answer 3

嘗試這個.......

ASPX：

<asp:FileUpload ID="FileUpload1" runat="server"/> 
<asp:Button ID="UploadButton" runat="server" Text="Carica Documento" OnClientClick="return showBrowseDialog();" onclick="UploadButton_Click"/> 

<script type="text/javascript" language="javascript"> 
    function showBrowseDialog() 
    { 
     document.getElementById('<%=FileUpload1.ClientID%>').click();  
    } 
    </script> 

C＃：

protected void Page_Load(object sender, EventArgs e) 
     { 
      FileUpload1.Attributes["style"] = "display:none"; 
     } 

     protected void UploadButton_Click(object sender, EventArgs e) 
     {   
      if (FileUpload1.HasFile) 
      { 
       try 
       { 
        string address = Server.MapPath("~/") + FileUpload1.FileName; 
        FileUpload1.PostedFile.SaveAs(address); 
        //... 
       } 
       catch (Exception) { } 
      } 
     }