ASP.NET使用Gridview绑定数据库中的图片

ASP.NET使用Gridview绑定数据库中的图片2011-02-08 cnblogs 李永京注：此系列记录在我实际开发中遇到的问题和收藏一些技巧文章。

我们都知道，在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（）;
}