how to upload an file on image button click

Question

0.00/5 (No votes)

See more:

I have an image button and i want to upload an file on cimage click.

my image button and uploader markup is

CSS

<asp:FileUpload ID="fplUploadExcel" runat="server" Style="position: relative; visibility: hidden;
                height: 20px;" ClientIDMode="Static" />

CSS

<asp:ImageButton ID="ImageButton1" runat="server" Width="150px" Style="position: relative;"
                ImageUrl="~/Images/Uploadingimage.jpg" />

And i m getting click of uploader as follws on page load is

ImageButton1.Attributes["onclick"] = string.Format("document.getElementById('{0}').click();", fplUploadExcel.ClientID);

but don't hoe to call the upload function please tell me how will i do this

my upload function is

C#

protected void uploadExcel()
    {
        

        if (fplUploadExcel.HasFile)
        {
            // string excelfilepath = fplUploadExcel.PostedFile.FileName;
            //if (fplUploadExcel.PostedFile.FileName == "EmployeeSheet.xlsx")
            //{
            string filename = Server.MapPath(@"~\\Excel\\");
            fplUploadExcel.PostedFile.SaveAs(filename + fplUploadExcel.FileName);

            
            string excelfilepath = Server.MapPath("~\\Excel\\" + fplUploadExcel.FileName);

            importdatafromexcel(excelfilepath);

            SelectUpdaterecordFeromExcel();

Posted 24-Jan-14 19:30pm

ajays3356

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

karthik Udhayakumar · Answer 1 · 2014-01-24T21:13:00

Solution 2

I got your problem if you want to call a serverside function you need to use onclick and if you want to use clientside function use "onclientclick"

pls try this for your requirement

CSS

<asp:ImageButton ID="ImageButton1" runat="server" Width="150px" Style="position: relative;"ImageUrl="~/Images/Uploadingimage.jpg" onclick="uploadExcel()"/>

And replace your form tag with this
<form id="form1" enctype="multipart/form-data" runat="server">

All the best:)

Posted 24-Jan-14 21:13pm

karthik Udhayakumar

Updated 24-Jan-14 22:07pm

v2

Comments

ajays3356 25-Jan-14 3:42am

i had tried this way but this function if(fplUploadexcel.hasfile) shows false and control passes to to else part.

karthik Udhayakumar 25-Jan-14 3:55am

Are you using a Update panel?

karthik Udhayakumar 25-Jan-14 3:57am

Replace this with your form tag
<form id="form1" enctype="multipart/form-data" runat="server"> and let me know