how to show uploaded image in web form

Question

Hi friends.

I am developing an web application. here i am using file uploader and i am uploading images.

Problem here is, i need to provide preview of uploaded image as soon as file is uploaded.

How can i do this.

Regards

Rajath

Shankey · Answer

Hi rajath r  Following is your solution  But don't forget to mark my answer as accepted if it helped you :) And if you want to upload .gif file then change folllowing condition if (Extension == jpg || Extension == JPG || Extension == JPEG || Extension == jpeg) Aspx code Untitled Page function ValidateFileUpload(Source args) { var fuData = document.getElementById(' '); var FileUploadPath = fuData.value; if(FileUploadPath =='') { // There is no file selected args.IsValid = true; } else { var Extension = FileUploadPath.substring(FileUploadPath.lastIndexOf('.') + 1).toLowerCase(); if (Extension == jpg || Extension == JPG || Extension == JPEG || Extension == jpeg) { args.IsValid = true; // Valid file type } else { args.IsValid = false; // Not valid file type } } } C# code using System; using System.Collections; using System.Configuration; using System.Data; using System.Linq; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.HtmlControls; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Xml.Linq; public partial class Default2 : System.Web.UI.Page { protected void Page_Load(object sender EventArgs e) { } protected void btnUpload_Click(object sender EventArgs e) { if (fileUploadImage.FileName != ) { String fullpath = Server.MapPath(fileUploadImage.FileName); fileUploadImage.SaveAs(fullpath); imgShow.ImageUrl = fileUploadImage.FileName; } } }

Manikavelu Velayutham · Answer

you can put the html image tag and pass the url of that image in that. just put a preview button over there through that just hide and show the image. you should dynamically change the image url so that the uploaded image will be get previewed. Mark this post as answered if this really helps you.