Question

如何用GridView控件以表格的形式显示图片?

我在做一个招聘网站,首页需要显示大量图片,我用了GridView控件,想让图片以四行多列的表格形式显示出来,每个图片对就一个企业,图片是从库里的,并且点击图片能够查看到该图片企业的详细信息请哪位高手帮帮忙,谢谢!!!
用DATALIST也可以,但能否给个详细点的答案,具体的操作步骤,我是个初学者,不是很明白,谢谢了...

Answer 1

推荐你用 datalist

有个属性选择显示多少列

<asp:DataList ID="DataList1" runat="server" RepeatColumns="5">
<ItemTemplate>
<a href="/User/Photo.aspx?ID=<%#Eval("ID")%>"><img src="/Images/UserPhoto/<%#Eval("ImageUrl")%>s.jpg" alt="<%#Eval("Title")%>" /></a><br />
<a href="/User/Photo.aspx?ID=<%#Eval("ID") %>"><%#Eval("Title")%></a>
</ItemTemplate>
</asp:DataList>

Answer 2

1）首先要在根目录建一个Image文件夹，用来存储你要显示的图片
2）然后在数据库建一个Table名字是ShowImage，包含一个ImagePath字段，
专门存储图片路径: "Image/文件名"
3）拖一个sqlDataSource控件到页面上，连接那个表ShowImage
4）拖一个DataList控件到页面上，选择刚拖到页面上的数据源
5）在DataList的智能菜单中选EditTemplates,在模板里加一个Image控件
6）在智能菜单中EditDataBindings...
选择ImagePath字段
或
在下面手写代码： Bind("ImagePaht");

Answer 3

可实现的途径很多,你可以尝试如下操作,

创建3个页面分别为
default.aspx,当前列表页
inf.aspx,查看详细信息页
getimg.aspx,获取图片页.
ID为表主键列.

///////////////////////////////////
default.aspx页
------------------------
创建DataList模板列并包含ImageButton对象
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<asp:ImageButton ID="ImageButton1" CommandArgument='<%# Eval("Id") %>' ImageUrl='<%# "getimg.aspx?id="+DataBinder.Eval (Container.DataItem, "Id") %>' runat="server" OnClick="ImageButton1_Click" />

</ItemTemplate>
</asp:DataList>
-------------------------------
编写ImageButton1_Click事件用以页面跳转并查看信息
-------------------------------
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
{
int Id = Convert.ToInt32((sender as ImageButton).CommandArgument);
Response.Redirect("inf.aspx?id=" + Id);
}

///////////////////////////////
getimg.aspx页面
--------------------------------
pageLoad事件
-----------------------------
Image mImage = ?//根据ID 参数从数据库中读取二进制流并转换成图片(略),
img.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);

Answer 4

在gridview里添加一个模版，然后模版里什么都可以写，可以写<table>也可以写<img src="<%#Eval(imagPath)%>"/>