1.建立一aspx页面、html代2.cs代
System.Data.SqlClient を使用します。
System.IO を使用します。
protected void Page_Load(オブジェクト送信者, EventArgs e)
{
if (!Page.IsPostBack)
{
バインドデータ();
}
if (ID != "")
{
GetDescriptionByID(ID);
}
property
#region プロパティ
プライベート文字列ID
{
得る
{
if (Request["ID"] != null && Request["ID"].ToString() != "")
{
リクエスト["ID"]を返します;
}
それ以外
{
戻る "";
}
}
}
#endregion
GetDescriptionByID#region GetDescriptionByID
private void GetDescriptionByID(文字列ID)
{
string connStr = ConfigurationSettings.AppSettings["ConnectionString"];
SqlConnection conn = 新しい SqlConnection(connStr);
string sql = "select * from testimage where userid='" + ID + "'";
SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
SqlDataReader dr = cmd.ExecuteReader();
string s = @"<table cellpacing='0' cellpadding='4' width='300' height='200' border='0' id='GridView1' style='color:#333333;border-collapse:collapse ;'>";
if(dr.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 += "</テーブル>";
dr.Close();
conn.Close();
this.Response.Write(s);
this.Response.End();
}
#endregion
保存イメージ#region 保存イメージ
protected void Button2_Click(オブジェクト送信者、EventArgs e)
{
ストリームイメージストリーム;
string Path = FileUpload1.PostedFile.FileName;// 文書名
int サイズ = 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("テストイメージに挿入 (ユーザー名,画像,パス,タイプ,説明) 値(@ユーザー名,@画像,@パス,@タイプ,@説明)", 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 = パス;
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
プライベート void BindData()
{
string sql = "テストイメージから * を選択";
DataSet ds = GetDataSet(sql);
this.DataList1.DataSource = ds;
this.DataList1.DataBind();
}
#endregion
GetDataSet#region GetDataSet
プライベート DataSet GetDataSet(string sql)
{
string constring = System.Configuration.ConfigurationSettings.AppSettings["ConnectionString"];
SqlDataAdapter sda = 新しい SqlDataAdapter(sql, constring);
DataSet ds = 新しい DataSet();
sda.Fill(ds);
DSを返します。
}
#endregion3.データ库 スクリプト
存在する場合 (select * from dbo.sysobjects where id = object_id(N'[dbo].[TestImage]') および OBJECTPROPERTY(id, N'IsUserTable') = 1)
ドロップテーブル [dbo].[TestImage]
GO
CREATE TABLE [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>
に移動
<頭>
<title>Webフォーム1</title>
<style type="text/css">.logo {}{ 位置: 絶対 }.dek {}{ Z-INDEX: 200;可視性: 非表示。位置: 絶対 }</style>
</head>
<本文>
<フォーム runat="サーバー">
<DIV class="dek" id="dek"></DIV>
<スクリプト言語="javascript">
Xオフセット=-20;
Yオフセット= 20;
var nav,yyy=-1000;
var skn=dek.style;
document.onmousemove=get_mouse;
//アヤックス
var xmlHttp;
関数createXMLHttpRequest()
{
if (window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if (window.XMLHttpRequest)
{
xmlHttp = 新しい XMLHttpRequest();
}
}
関数 startRequest(id)
{
createXMLHttpRequest();
xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.open("GET", "?ID="+id, true);
xmlHttp.send(null);
}
var コンテンツ;
関数 handleStateChange()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
content=xmlHttp.responseText;
}
}
}
//ツールチップ
関数ポップアップ(id)
{
startRequest(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="非表示";
}
</script>
<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"
境界線の色 = "黒"
CellPadding="1"
CellSpacing="4" horizontalAlign="Center"
繰り返し列 = 4"
RepeatLayout="テーブル"
runat="サーバー" ShowFooter="true" ShowHeader="true"
width="100%">
<アイテムテンプレート>
<%# DataBinder.Eval(Container.DataItem, "UserName")%><br>
<img ID="img1" onmouseover="popup(<%# DataBinder.Eval(Container.DataItem, "UserID")%>);" onmouseout="kill();" src='<%# DataBinder.Eval(Container.DataItem, "Path") %>' height='150'/>
</ItemTemplate>
</asp:DataList>
</div>
</フォーム>
</body>
</html>