1.建立一个aspx页面，html代码2.cs代码
使用 System.Data.SqlClient；
使用系统.IO；
protected void Page_Load（对象发送者，EventArgs e）
{
if (!Page.IsPostBack)
{
绑定数据();
}
如果（ID！=“”）
{
获取描述ID（ID）；
}
}
属性#区域属性
私有字符串ID
{
得到
{
if (请求["ID"] != null && 请求["ID"].ToString() != "")
{
返回请求[“ID”]；
}
别的
{
返回 ””;
}
}
}
#endregion
GetDescriptionByID#region GetDescriptionByID
私有无效 GetDescriptionByID（字符串 ID）
{
字符串 connStr = ConfigurationSettings.AppSettings["ConnectionString"];
SqlConnection conn = new SqlConnection(connStr);
string sql = "select * from testimage where userid='" + ID + "'";
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader dr = cmd.ExecuteReader();
字符串 s = @"<table cellspacing='0' cellpadding='4' width='300' height='200' border='0' id='GridView1' style='color:#333333;border-collapse:collapse ;'>";
if(博士.Read())
{
s += "<tr style='color:#333333;background-color:#FFFBD6;'>";
s += "<td width='50'>名称:</td>";
s += "<td>" + dr["用户名"] + "</td>";
s+=“</tr>”；
s += "<tr style='color:#333333;background-color:White;'>";
s += "<tdscope='col'>描述:</td>";
s += "<td>" + dr["描述"] + "</td>";
s+=“</tr>”；
}
s += "</table>";
博士.关闭();
conn.Close();
this.Response.Write(s);
this.Response.End();
}
#endregion
保存图像#region保存图像
protected void Button2_Click（对象发送者，EventArgs e）
{
流图像流；
string Path = FileUpload1.PostedFile.FileName;//文件名称
int Size = FileUpload1.PostedFile.ContentLength; // 文件大小
字符串类型 = FileUpload1.PostedFile.ContentType; // 文件类型
ImageStream = FileUpload1.PostedFile.InputStream;
byte[] 内容 = 新字节[大小];
int Status = ImageStream.Read(内容, 0, 大小);
SqlConnection conn = new SqlConnection(ConfigurationSettings.AppSettings["ConnectionString"]);
SqlCommand comm = new SqlCommand("插入 testimage (用户名,图像,路径,类型,描述)值(@用户名,@图像,@路径,@类型,@描述)", conn);
comm.CommandType = CommandType.Text;
comm.Parameters.Add("@UserName", SqlDbType.VarChar, 255).Value = txtUserName.Text;
comm.Parameters.Add("@Image", SqlDbType.Image).Value = 内容;
comm.Parameters.Add("@Path", SqlDbType.VarChar, 255).Value = Path;
comm.Parameters.Add("@Type", SqlDbType.VarChar, 255).Value = 类型;
comm.Parameters.Add("@Description", SqlDbType.VarChar, 2000).Value = this.TextBox1.Text;
conn.Open();
comm.ExecuteNonQuery();
conn.Close();
}
#endregion
BindData#region BindData
私有无效 BindData()
{
string sql = "从测试图像中选择*";
数据集 ds = GetDataSet(sql);
this.DataList1.DataSource = ds;
this.DataList1.DataBind();
}
#endregion
GetDataSet#region GetDataSet
私有数据集 GetDataSet(字符串 sql)
{
字符串 constring = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = new SqlDataAdapter(sql, constring);
数据集 ds = new 数据集();
sda.Fill(ds);
返回ds；
}
#endregion3.数据库脚本
如果存在（从 dbo.sysobjects 选择 *，其中 id = object_id(N'[dbo].[TestImage]') 和 OBJECTPROPERTY(id, N'IsUserTable') = 1）
删除表 [dbo].[TestImage]
去
创建表 [dbo].[TestImage] (
[用户ID] [int] IDENTITY (1, 1) NOT NULL ,
[用户名] [nvarchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
[图像] [图像] NULL ,
[路径] [nvarchar] (500) COLLATE Chinese_PRC_CI_AS NULL ,
[类型] [nvarchar] (20) COLLATE SQL_Latin1_General_CP1_CI_AS NULL ，
[描述] [nvarchar] (2000) COLLATE Chinese_PRC_CI_AS NULL
) 在 [主] TEXTIMAGE_ON [主]
去
<html>
<头>
<标题>WebForm1</标题>
<style type="text/css">.logo {}{ 位置：绝对 }.dek {}{ Z-INDEX：200;可见性：隐藏；位置：绝对 }</style>
</头>
<正文>
<表单runat =“服务器”>
<DIV class="dek" id="dek"></DIV>
<脚本语言=“javascript”>
X偏移=-20；
Y偏移= 20；
var nav,yyy=-1000;
var skn=dek.style;
document.onmousemove=get_mouse;
//ajax
var xmlHttp;
函数 createXMLHttpRequest()
{
if (窗口.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
否则如果 (window.XMLHttpRequest)
{
xmlHttp = 新的 XMLHttpRequest();
}
}
函数startRequest(id)
{
创建XMLHttpRequest();
xmlHttp.onreadystatechange=handleStateChange;
xmlHttp.open("GET", "?ID="+id, true);
xmlHttp.send(null);
}
变量内容；
函数handleStateChange()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
内容=xmlHttp.responseText；
}
}
}
//工具提示
函数弹出（id）
{
开始请求（id）；
yyy=Y偏移；
document.all("dek").innerHTML=内容；
skn.visibility =“可见”
函数
get_mouse(e)
{
var x=event.x+document.body.scrollLeft;
skn.left=x+Xoffset;
var y=event.y+document.body.scrollTop;
skn.top=y+yyy；
}
函数kill()
{
yyy=-1000；
skn.visibility="隐藏";
}
</脚本>
<div>
<asp:FileUpload ID="FileUpload1" runat="server" /><br>名称：<asp:TextBox ID="txtUserName"
runat="server"></asp:TextBox><br>
描述:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br>
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="保存" />
<asp:DataList id="DataList1"
边框颜色=“黑色”
单元格填充=“1”
CellSpacing =“4”HorizontalAlign =“居中”
重复列=“4”
重复布局=“表格”
runat="服务器" ShowFooter="true" ShowHeader="true"
宽度=“100%”>
<项目模板>
<%# DataBinder.Eval(Container.DataItem, "用户名")%><br>
<img ID="img1" onmouseover="popup(<%# DataBinder.Eval(Container.DataItem, "UserID")%>);" onmouseout="kill();" src='<%# DataBinder.Eval(Container.DataItem, "Path") %>' height='150'/>
</项目模板>
</asp:数据列表>
</div>
</表格>
</正文>
</html>