image uploading and viewing at the same time

Question

0.00/5 (No votes)

See more:

I have one file upload. and button and a image on a page.I want to show the image as soon as upload button is clicked.the image is the same page.The coding is as follows

C#

protected void Button1_Click(object sender, EventArgs e)
   {
       String fn1 = Guid.NewGuid() + FileUpload1.FileName.Substring(FileUpload1.FileName.LastIndexOf("."));
       String sp1 = Server.MapPath(".");
       sp1 += "\\" + fn1;
       FileUpload1.PostedFile.SaveAs(sp1);
       Image1.ImageUrl = sp1;
   }

It is not reading the image but image icon comes on the image control.
I have used small images as well as large.
it is not showing anything

Posted 28-Nov-10 16:17pm

Aksh@169

Updated 28-Nov-10 16:47pm

RaviRanjanKr

v3

Add a Solution

2 solutions

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)

@nuraGGupta@ · Answer 1 · 2010-11-28T17:33:00

Solution 1

Hello Aksh@169,

to show the uploaded image in the image control, you can replace you last line from this line :

C#

Image1.ImageUrl = FileUpload1.PostedFile.FileName;

This will do the bit you require.

Please accept answer if this was helpful.

Anurag

Posted 28-Nov-10 17:33pm

@nuraGGupta@

Updated 28-Nov-10 18:10pm

v3

Comments

Aksh@169 29-Nov-10 22:40pm

STILL IMAGE ICON IS COMING BUT NO IMAGE.....FIRSTLY THERE IS A X ON THE IMAGE...AFTER UPLOADING BTN CLK....IT CHANGES TO ICON OF IMG VERY SMALL....NOT SHOWING ANY IMAGE

@nuraGGupta@ 29-Nov-10 22:58pm

This is a single line code which is working fine at my end. Try it again by setting the height width of your image control.

Aksh@169 3-Dec-10 11:54am

Any other method..sorry i am not getting image just a small image like icon on the left topmost corner.. ..any other methos

RaviRanjanKr · Answer 2 · 2010-11-28T17:37:00

Solution 2

you can use given code to display image just after upload image in your web page.

string path = Server.MapPath("./") + FileUpload1.PostedFile.FileName;
      FileUpload1.SaveAs(path);
      Image1.ImageUrl = "./" + FileUpload1.PostedFile.FileName;

:)

Posted 28-Nov-10 17:37pm

RaviRanjanKr

Updated 28-Nov-10 17:38pm

v2