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.