Question

ASP.NET 高手前来帮帮忙，GridView 这个控件的模板列怎么绑定图片呢？

我在GridView 这个控件的模板列里面加了一个 Image 控件，如何把图片绑定到这个控件里面去？ 灰常感谢各位啦！

Answer 1

以绑定头像图片为例：绑定数据库表的“头像”字段，在头像字段中存放有头像图片的URL，头像图片放在images文件夹下。
<asp:TemplateField HeaderText="头像">
<ItemTemplate>
<div style="height: 80px; width: 80px; overflow: hidden;">
<asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("头像", "images/{0}") %>' />
</div>
</ItemTemplate>
</asp:TemplateField>

如果要在程序中动态绑定：
.aspx文件中：
<asp:TemplateField HeaderText="头像">
<ItemTemplate>
<div style="height: 80px; width: 80px; overflow: hidden;">
<asp:Image ID="Image1" runat="server" />
</div>
</ItemTemplate>
</asp:TemplateField>

.cs文件中：
for (int i = 0; i < GridView1.Rows.Count; i++)
{
Image myImage = (Image)GridView2.Rows[i].Cells[0].FindControl("Image1");//第0列是图片列
myImage.ImageUrl = "data/8.gif";//这里省去按规律命名
}

追问

不行呀，图片空间显示的是 X 。。。

追答

图片显示X是URL不对，第一种方法是将图片放在images文件夹中，第二种方法中我将图片放到DATA文件夹下面了。
在我机器上已经调试通过，你再试试。

追问

问题是我是将图片放到数据库中的，从数据库中取出图片...

追答

这个有点麻烦：
在GridView中自定义模版列：

' />

利用HttpHandler(.ashx)动态显示数据库中的图片：通过ashx动态获取数据库中的某条图片数据，然后在GridView等控件的自定义模版中安置一个Image控件，并设置Image控件的ImageUrl属性为类似 XXX.ashx?photoId=1 即可显示图片。

Answer 2

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField>
<ItemTemplate>
<asp:Image ID="Image1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
这样就可以绑定图片了