以下是我做过的一个利用xml保存图片和读取图片的小项目，项目名称：WebForm_Question2:
主页面:index.aspx
图片列表:ImageList.aspx
显示图片:ImagDisplay.aspx
xml文件:ImageList.xml
<?xml version="1.0" encoding="utf-8"?>
<imagelist>
<image>
<imageID>1</imageID>
<imagepath>C:\Documents and Settings\Administrator\My Documents\image\新建文件夹\it1.jpg</imagepath>
<imageinfo>图片1</imageinfo>
<imagesize>3563</imagesize> <imagedata>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</imagedata>
</image>
<image>
<imageID>2</imageID>
<imagepath>C:\Documents and Settings\Administrator\My Documents\image\新建文件夹\re.jpg</imagepath>
<imageinfo>图片2</imageinfo>
<imagesize>4937</imagesize>
<imagedata>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</imagedata>
</image>
</imagelist>
1.:index.aspx页面
<%@ Page language="c#" Codebehind="index.aspx.cs" AutoEventWireup="false" Inherits="WebForm_Question2.index" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>index</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<TABLE id="Table1" style="Z-INDEX: 100; LEFT: 112px; WIDTH: 744px; POSITION: absolute; TOP: 48px; HEIGHT: 324px"
cellSpacing="1" cellPadding="1" width="744" border="1">
<TR>
<TD style="HEIGHT: 32px" colspan="2" align="center"><FONT face="宋体">
<asp:Label id="Label1" runat="server" Width="80px" ForeColor="#000040" Font-Bold="True" Font-Size="Larger">主页面</asp:Label></FONT></TD>
</TR>
<TR>
<TD style="WIDTH: 70px; HEIGHT: 32px">读取图片</TD>
<TD style="HEIGHT: 32px"><INPUT id="upImage" style="WIDTH: 328px; HEIGHT: 22px" type="file" size="35" name="File1"
runat="server">
<asp:Button id="btnUp_img" runat="server" Text="显示图片信息"></asp:Button></TD>
</TR>
<TR>
<TD style="WIDTH: 70px; HEIGHT: 20px">图片显示</TD>
<TD style="HEIGHT: 20px">
<asp:Image id="ImageSmall" runat="server"></asp:Image></TD>
</TR>
<TR>
<TD style="WIDTH: 70px; HEIGHT: 16px">图片路径</TD>
<TD style="HEIGHT: 16px">
<asp:Label id="Lab_imgpath" runat="server"></asp:Label></TD>
</TR>
<TR>
<TD style="WIDTH: 70px; HEIGHT: 5px">图片大小</TD>
<TD style="HEIGHT: 5px">
<asp:Label id="Lab_size" runat="server"></asp:Label></TD>
</TR>
<TR>
<TD style="WIDTH: 70px">图片说明</TD>
<TD>
<asp:TextBox id="Txt_imginfo" runat="server" TextMode="MultiLine" Width="645px" Height="144px"></asp:TextBox></TD>
</TR>
<TR>
<TD style="WIDTH: 70px"></TD>
<TD>
<asp:Button id="Btn_Add" runat="server" Text="添加图片信息到XML文件"></asp:Button>
<asp:Label id="Lab_message" runat="server" ForeColor="Red" Font-Bold="True"></asp:Label></TD>
</TR>
<TR>
<TD style="WIDTH: 70px"></TD>
<TD>
<asp:HyperLink id="HyperLink2" runat="server" NavigateUrl="ImageList.aspx">图片列表</asp:HyperLink><FONT face="宋体">
</FONT>
<asp:HyperLink id="HyperLink1" runat="server" NavigateUrl="ImageList.xml">查看XMl文件</asp:HyperLink></TD>
</TR>
</TABLE>
</form>
</body>
</HTML>
2.index.aspx.cs页面
View Code
1 using System; 2 using System.Collections; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Web; 7 using System.Web.SessionState; 8 using System.Web.UI; 9 using System.Web.UI.WebControls; 10 using System.Web.UI.HtmlControls; 11 using System.Xml; 12 using System.IO; 13 14 namespace WebForm_Question2 15 { 16 /// <summary> 17 /// index 的摘要说明。 18 /// </summary> 19 public class index : System.Web.UI.Page 20 { 21 protected System.Web.UI.WebControls.TextBox Txt_imginfo; 22 protected System.Web.UI.WebControls.Label Lab_size; 23 protected System.Web.UI.WebControls.Label Lab_imgpath; 24 protected System.Web.UI.WebControls.Image ImageSmall; 25 protected System.Web.UI.WebControls.Button btnUp_img; 26 protected System.Web.UI.HtmlControls.HtmlInputFile upImage; 27 28 protected string imagepath; 29 protected string imagesize; 30 protected System.Web.UI.WebControls.Button Btn_Add; 31 protected System.Web.UI.WebControls.Label Lab_message; 32 protected System.Web.UI.WebControls.HyperLink HyperLink2; 33 protected System.Web.UI.WebControls.HyperLink HyperLink1; 34 protected System.Web.UI.WebControls.Label Label1; 35 protected System.Web.UI.WebControls.Label Label2; 36 protected string imagetype; 37 38 private void Page_Load(object sender, System.EventArgs e) 39 { 40 // 在此处放置用户代码以初始化页面 41 } 42 43 #region Web 窗体设计器生成的代码 44 override protected void OnInit(EventArgs e) 45 { 46 // 47 // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。 48 // 49 InitializeComponent(); 50 base.OnInit(e); 51 } 52 53 /// <summary> 54 /// 设计器支持所需的方法 - 不要使用代码编辑器修改 55 /// 此方法的内容。 56 /// </summary> 57 private void InitializeComponent() 58 { 59 this.btnUp_img.Click += new System.EventHandler(this.btnUp_img_Click); 60 this.Btn_Add.Click += new System.EventHandler(this.Btn_Add_Click); 61 this.Load += new System.EventHandler(this.Page_Load); 62 63 } 64 #endregion 65 #region 显示图片并读取其路径,大小 66 private void btnUp_img_Click(object sender, System.EventArgs e) 67 { 68 if(""!=upImage.PostedFile.FileName) 69 { 70 imagepath = upImage.PostedFile.FileName; 71 imagesize = upImage.PostedFile.ContentLength.ToString(); 72 imagetype = imagepath.Substring(imagepath.LastIndexOf(".")+1); 73 74 75 //判断是否是JPG或是GIF或是BMP或是PNG图片,可以任意修改图片类型,这里只是举例 76 if("jpg"!=imagetype && "gif"!=imagetype && "bmp"!=imagetype && "png"!=imagetype) 77 { 78 Response.Write("<script language='javascript'>alert('对不起,请选择JPG或是GIF或是BMP或是PNG图片!');</script>"); 79 return; 80 } 81 this.Lab_imgpath.Text = imagepath; 82 this.Lab_size.Text = imagesize; 83 this.ImageSmall.ImageUrl=imagepath; 84 } 85 } 86 #endregion 87 #region 添加事件 88 private void Btn_Add_Click(object sender, System.EventArgs e) 89 { 90 OP_Xml(); 91 } 92 #endregion 93 #region 添加图片信息到自定义的XML文件:ImageList.XML 94 private void OP_Xml() 95 { 96 XmlDocument doc = new XmlDocument(); 97 doc.Load(Server.MapPath("ImageList.XML")); 98 XmlNode root = doc.DocumentElement; 99 100 string id =Convert.ToString(Convert.ToInt32(root.LastChild.ChildNodes[0].InnerText)+1); 101 string path = this.Lab_imgpath.Text.Trim(); 102 string size = this.Lab_size.Text.Trim(); 103 string info = this.Txt_imginfo.Text.Trim(); 104 // 使用文件流构造一个二进制读取器将基元数据读作二进制值 105 FileStream fs = new FileStream(path,FileMode.Open); 106 BinaryReader br = new BinaryReader(fs); 107 byte[] imageBuffer = new byte[br.BaseStream.Length]; 108 br.Read(imageBuffer,0,Convert.ToInt32(br.BaseStream.Length)); 109 string textString = System.Convert.ToBase64String(imageBuffer); 110 fs.Close(); 111 br.Close(); 112 113 //创建元素节点 114 XmlNode image = doc.CreateElement("image"); 115 XmlNode imageid = doc.CreateElement("imageID"); 116 XmlNode imagepath = doc.CreateElement("imagepath"); 117 XmlNode imageinfo = doc.CreateElement("imageinfo"); 118 XmlNode imagesize = doc.CreateElement("imagesize"); 119 XmlNode imagedata = doc.CreateElement("imagedata"); 120 //创建文本节点 121 XmlNode txt_id = doc.CreateTextNode(id); 122 XmlNode txt_path = doc.CreateTextNode(path); 123 XmlNode txt_info = doc.CreateTextNode(info); 124 XmlNode txt_size = doc.CreateTextNode(size); 125 XmlNode txt_data = doc.CreateTextNode(textString); 126 //文本节点附加给元素节点 127 imageid.AppendChild(txt_id); 128 imagepath.AppendChild(txt_path); 129 imageinfo.AppendChild(txt_info); 130 imagesize.AppendChild(txt_size); 131 imagedata.AppendChild(txt_data); 132 //元素节点附加给image节点 133 image.AppendChild(imageid); 134 image.AppendChild(imagepath); 135 image.AppendChild(imageinfo); 136 image.AppendChild(imagesize); 137 image.AppendChild(imagedata); 138 //image节点附加给根节点 139 root.AppendChild(image); 140 doc.Save(Server.MapPath("ImageList.XML")); 141 this.Lab_message.Text = "图片添加成功!"; 142 } 143 #endregion 144 } 145 }
3.ImageList.aspx
1 <%@ Page language="c#" Codebehind="ImageList.aspx.cs" AutoEventWireup="false" Inherits="WebForm_Question2.ImageList" %> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > 3 <HTML> 4 <HEAD> 5 <title>ImageList</title> 6 <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> 7 <meta name="CODE_LANGUAGE" Content="C#"> 8 <meta name="vs_defaultClientScript" content="JavaScript"> 9 <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> 10 </HEAD> 11 <body MS_POSITIONING="GridLayout"> 12 <form id="Form1" method="post" runat="server"> 13 <TABLE id="Table1" style="Z-INDEX: 102; LEFT: 152px; WIDTH: 694px; POSITION: absolute; TOP: 16px; HEIGHT: 240px" 14 cellSpacing="1" cellPadding="1" width="694" border="1"> 15 <TR> 16 <TD align="center" style="HEIGHT: 34px"> 17 <asp:Label id="Label1" runat="server" Width="128px" ForeColor="#000040" Font-Bold="True" Font-Size="Larger">图片列表页面</asp:Label></TD> 18 </TR> 19 <TR> 20 <TD style="HEIGHT: 155px"> 21 <asp:DataGrid id="DG_ImageList" runat="server" AutoGenerateColumns="False" Width="672px" BorderColor="#CCCCCC" 22 BorderStyle="None" BorderWidth="1px" BackColor="White" CellPadding="3" Height="144px" AllowSorting="True" 23 AllowPaging="True" PageSize="5"> 24 <FooterStyle ForeColor="#000066" BackColor="White"></FooterStyle> 25 <SelectedItemStyle Font-Bold="True" ForeColor="White" BackColor="#669999"></SelectedItemStyle> 26 <ItemStyle ForeColor="#000066"></ItemStyle> 27 <HeaderStyle Font-Bold="True" ForeColor="White" BackColor="#006699"></HeaderStyle> 28 <Columns> 29 <asp:BoundColumn DataField="imageID" HeaderText="图片ID"></asp:BoundColumn> 30 <asp:BoundColumn DataField="imagepath" HeaderText="图片路径"></asp:BoundColumn> 31 <asp:BoundColumn DataField="imageinfo" HeaderText="图片说明"></asp:BoundColumn> 32 <asp:BoundColumn DataField="imagesize" SortExpression="imagesize" HeaderText="图片大小"></asp:BoundColumn> 33 <asp:TemplateColumn> 34 <ItemTemplate> 35 <a href='ImageDisplay.aspx?imageID=<%# DataBinder.Eval(Container.DataItem,"imageID")%>'> 36 查看</a> 37 </ItemTemplate> 38 </asp:TemplateColumn> 39 </Columns> 40 <PagerStyle HorizontalAlign="Left" ForeColor="#000066" BackColor="White" Mode="NumericPages"></PagerStyle> 41 </asp:DataGrid></TD> 42 </TR> 43 <TR> 44 <TD><FONT face="宋体"> 45 <asp:HyperLink id="HyperLink2" runat="server" NavigateUrl="index.aspx">主页面</asp:HyperLink> 46 <asp:HyperLink id="HyperLink1" runat="server" NavigateUrl="ImageList.xml">查看XMl文件</asp:HyperLink> 47 </FONT> 48 </TD> 49 </TR> 50 </TABLE> 51 </form> 52 </body> 53 </HTML>
4.ImageList.aspx.cs
View Code
1 using System; 2 using System.Collections; 3 using System.ComponentModel; 4 using System.Data; 5 using System.Drawing; 6 using System.Web; 7 using System.Web.SessionState; 8 using System.Web.UI; 9 using System.Web.UI.WebControls; 10 using System.Web.UI.HtmlControls; 11 12 namespace WebForm_Question2 13 { 14 /// <summary> 15 /// ImageList 的摘要说明。 16 /// </summary> 17 public class ImageList : System.Web.UI.Page 18 { 19 protected System.Web.UI.WebControls.Label Label1; 20 protected System.Web.UI.WebControls.HyperLink HyperLink2; 21 protected System.Web.UI.WebControls.HyperLink HyperLink1; 22 protected System.Web.UI.WebControls.DataGrid DG_ImageList; 23 24 private void Page_Load(object sender, System.EventArgs e) 25 { 26 // 在此处放置用户代码以初始化页面 27 if(!IsPostBack) 28 { 29 ViewState["SortField"] = "imagesize"; //默认排序字段 30 BindDG(); 31 } 32 } 33 34 #region Web 窗体设计器生成的代码 35 override protected void OnInit(EventArgs e) 36 { 37 // 38 // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。 39 // 40 InitializeComponent(); 41 base.OnInit(e); 42 } 43 44 /// <summary> 45 /// 设计器支持所需的方法 - 不要使用代码编辑器修改 46 /// 此方法的内容。 47 /// </summary> 48 private void InitializeComponent() 49 { 50 this.DG_ImageList.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DG_ImageList_PageIndexChanged); 51 this.DG_ImageList.ItemDataBound += new System.Web.UI.WebControls.DataGridItemEventHandler(this.DG_ImageList_ItemDataBound); 52 this.DG_ImageList.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler(this.DataGrid_Sort); 53 this.Load += new System.EventHandler(this.Page_Load); 54 55 } 56 #endregion 57 #region 将ImageList.xml文件绑定DataGrid中 58 private void BindDG() 59 { 60 DataSet ds = new DataSet(); 61 ds.ReadXml(Server.MapPath("ImageList.xml")); 62 63 DataView dv = (DataView)ds.Tables[0].DefaultView; 64 65 //设置排序的表达式 66 dv.Sort = SortField; 67 if (!SortAscending) 68 { 69 //定义默认的排序表达式 70 dv.Sort += " DESC"; 71 } 72 73 this.DG_ImageList.DataSource = ds.Tables[0]; 74 this.DG_ImageList.DataBind(); 75 } 76 #endregion 77 #region 排序事件处理程序 78 public void DataGrid_Sort(Object sender,DataGridSortCommandEventArgs e) 79 { 80 //对DataGrid排序 81 this.DG_ImageList.CurrentPageIndex = 0; 82 SortField = e.SortExpression; 83 84 BindDG(); //重新绑定数据 85 } 86 string SortField 87 { 88 get 89 { 90 object obj = ViewState["SortField"]; 91 if (obj == null) 92 { 93 return String.Empty; 94 } 95 return (string)obj; 96 } 97 98 set 99 { 100 if (value == SortField) 101 { 102 SortAscending = !SortAscending; 103 } 104 ViewState["SortField"] = value; 105 } 106 } 107 108 //排序方式 109 bool SortAscending 110 { 111 get 112 { 113 object obj = ViewState["SortAscending"]; 114 if (obj == null) 115 { 116 return true; 117 } 118 return (bool)obj; 119 } 120 set 121 { 122 ViewState["SortAscending"] = value; 123 } 124 } 125 126 #endregion 127 #region DataGrid分页事件 128 private void DG_ImageList_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e) 129 { 130 this.DG_ImageList.CurrentPageIndex = e.NewPageIndex; 131 BindDG(); 132 133 } 134 #endregion 135 #region 鼠标经过事件 136 private void DG_ImageList_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e) 137 { 138 if ((e.Item.ItemType == ListItemType.Item) | (e.Item.ItemType == ListItemType.AlternatingItem) ) 139 { 140 e.Item.Attributes.Add("onmouseover", "this.style.backgroundColor='#E4EDF9'"); 141 e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor='#ffffff'"); 142 } 143 } 144 #endregion 145 } 146 }
原文出处：当当网李燕平
http://www.cnblogs.com/tenghoo/archive/2006/09/18/507033.html