How to insert/display image from XML file in

We can do this task like this

Step1: create the Xml file in project like this

<?xml version=”1.0″ encoding=”utf-8″?>



<EmpName> </EmpName>

<EmpSal> </EmpSal>

<ImgUrl> </ImgUrl>



Step2: Create one Image Folder for storing the Image i.e UploadImages

Step3: Create the corresponding design page in and take one grid view to display the Emp detail with image. Configure gridview like this


<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<asp:TemplateField HeaderText="#">
<%#Container.DataItemIndex+1 %>
<asp:BoundField HeaderText="EmpName" DataField="EmpName" />
<asp:BoundField HeaderText="EmpSal" DataField="EmpSal" />
<asp:TemplateField HeaderText="Image">

<asp:Image ID="Img1" runat="server" ImageUrl='<%# String.Format("~\\UploadImages\\{0}",Eval("ImgUrl"))%>’ Height="100px" Width="100px" />

Note: here I m storing imgae in “UploadImages” folder and ImageName in database
Step4:On Button click, write the code in code behind like this

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Xml;
using System.IO;

public partial class XmlImg : System.Web.UI.Page
protected void Page_Load(object sender, EventArgs e)


//This code is for insertion in XML file
protected void BtnSubmit_Click(object sender, EventArgs e)
if (FileUpload1.HasFile)
if (CheckFileType(FileUpload1.FileName))
String filePath = “~/UploadImages/” + FileUpload1.FileName;

XmlDocument xmldoc = new XmlDocument();
XmlElement newEmpDetails= xmldoc.CreateElement(“EmpDetails”);
XmlElement XmlEmpName= xmldoc.CreateElement(“EmpName”);
XmlElement XmlEmpSal = xmldoc.CreateElement(“EmpSal”);
XmlElement XmlImgUrl = xmldoc.CreateElement(“ImgUrl”);

XmlEmpName.InnerText = this.TextBox1.Text.Trim();
XmlEmpSal.InnerText = this.TextBox2.Text.Trim();
string vbfile = System.IO.Path.GetExtension(FileUpload1.PostedFile.FileName.ToString());
XmlImgUrl.InnerText = FileUpload1.FileName.ToString();



TextBox1.Text = “”;
TextBox2.Text = “”;


//This code is filling the Gridview
protected void fillGrid()
DataSet ds = new DataSet();
if (ds.Tables.Count > 0)

GridView1.DataSource = ds;



//This code is for checking the file extension
bool CheckFileType(string fileName)
string ext = Path.GetExtension(fileName);
switch (ext.ToLower())
case “.gif”:
return true;
case “.png”:
return true;
case “.jpg”:
return true;
case “.jpeg”:
return true;
return false;


8 thoughts on “How to insert/display image from XML file in

  1. chairs for kids April 10, 2013 / 4:14 am

    I every time emailed this blog post page to all my associates, since if like to read it next my friends will too.

  2. my back hurts May 21, 2013 / 12:37 am

    I am really enjoying the theme/design of your web site. Do you ever run into any
    browser compatibility problems? A couple of my blog visitors have complained about my
    website not operating correctly in Explorer but looks great in
    Safari. Do you have any ideas to help fix this issue?

  3. waveless waterbed mattress July 9, 2013 / 1:07 am

    Hey would you mind sharing which blog platform you’re working with? I’m planning to start my own blog soon but I’m having a tough time choosing between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design and style seems different then most blogs and I’m looking for something unique.
    P.S Apologies for getting off-topic but I had to ask!

  4. Sudhir February 21, 2014 / 2:14 pm

    my code is

    XmlDocument xmldoc = new XmlDocument();
    XmlElement parentelement = xmldoc.CreateElement(“image”);
    XmlElement name = xmldoc.CreateElement(“url”);
    name.InnerText = FileUpload1.FileName.ToString() ;


    it show the error An exception of type ‘System.IO.FileNotFoundException’ occurred in System.Xml.dll but was not handled in user code

  5. June 15, 2014 / 7:51 am

    you are in point of fact a just right webmaster. The web site
    loading speed is incredible. It kind of feels that you’re doing any distinctive trick.

    Also, The contents are masterpiece. you’ve performed a great
    activity in this topic!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.