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 to share