Call hidden FileUpload control on click event

I have a control FileUpload

in my asp.net page that is hidden

<asp:FileUpload id="FileUploadControl" runat="server" CssClass="hidden" />

      

I want this control to be called when the user clicks a button Browse

<asp:Button runat="server" id="BrowseButton" text="browse" />

      

Can the control be manipulated FileUpload

every time the user clicks the button Browse

?

Editorial staff:

In an event BrowseButton_Click

I want to upload a file

 protected void BrowseButton_Click(object sender, EventArgs e)
        {
            if (FileUploadControl.HasFile)
            {
                try
                {
                    string filename = Path.GetFileName(FileUploadControl.FileName);
                    FileUploadControl.SaveAs(Server.MapPath("~/") + filename);
                    Response.Write("<script>alert('done');</script>");
                }
                catch (Exception ex)
                {
                    Response.Write(ex.Message);
                }

            }
            else
            {
                Response.Write("<script>alert('please choose');</script>");
            }
        }

      

+3


source to share


1 answer


Yes, you can do it client side using jQuery . Code below:



<asp:FileUpload id="FileUploadControl" runat="server"  CssClass="hidden" />

<asp:Button runat="server" id="BrowseButton" text="browse" OnClientClick="openfileDialog();"/>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script>
   function openfileDialog() {
       $("#FileUploadControl").click();
   }
</script>

      

+2


source







All Articles