xml保存图片和读取图片

以下是我做过的一个利用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

　　

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/zgblog/p/2539116.html