ASP.NET使用Gridview綁定數據庫中的圖片

注：此系列記錄在我實際開發中遇到的問題和收藏一些技巧文章。

我們都知道，在Gridview中不能直接去綁定數據庫中的圖片，我們可以利用HttpHandler很容易的完成這個任務，在這裡我記錄一下這個過程。

1.上傳圖片存儲到數據庫中

在數據庫中創建一個表，添加一下3個字段：

步驟一：在Web頁面中拖一個FileUpload 控件，一個文本框用於輸入名稱和提交上傳按鈕

<asp:FileUpload ID="fuImage" runat="server" /><br />
<asp:TextBox ID="txtImageName" runat="server"/><br />
<asp:Button ID="btnUpload" runat="server"
OnClick="btnUpload_Click" Text="Upload" />

步驟二：在Web.Config文件內配置連接字符串。

<add name="ConnectionString" connectionString="Data Source=.\SQLEXPRESS;
AttachDbFilename=|DataDirectory|\Image.mdf;Integrated Security=True;
User Instance=True" providerName="System.Data.SqlClient"/>

步驟三：把下面的代碼復制到上傳按鈕事件中。

protected void btnUpload_Click(object sender, EventArgs e)
{
　　 Stream imgStream = fuImage.PostedFile.InputStream;
　　 int imgLen = fuImage.PostedFile.ContentLength;
　　 string imgName = txtImageName.Text;
　　 byte[] imgBinaryData = new byte[imgLen];
　　 int n = imgStream.Read(imgBinaryData,0,imgLen);
　　 //use the web.config to store the connection string
　　 SqlConnection connection = new SqlConnection(ConfigurationManager.
　　 ConnectionStrings["connectionString"].ConnectionString);
　　 SqlCommand command = new SqlCommand(
　　 "INSERT INTO Image (imagename,image)
　　 VALUES ( @img_name, @img_data)", connection);
　　 SqlParameter param0 = new SqlParameter(
　　 "@img_name",SqlDbType.VarChar, 50);
　　 param0.Value = imgName;
　　 command.Parameters.Add(param0);
　　 SqlParameter param1 = new SqlParameter(
　　 "@img_data", SqlDbType.Image);
　　 param1.Value = imgBinaryData;
　　 command.Parameters.Add(param1);
　　 connection.Open();
　　 int numRowsAffected = command.ExecuteNonQuery();
　　 connection.Close();
}