关于GridView显示服务器图片（保存为图片路径）

最新推荐文章于 2021-05-26 11:39:48 发布

原创最新推荐文章于 2021-05-26 11:39:48 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#服务器 #string #asp #server #image #null

C# 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何在ASP.NET的GridView控件中显示图片，并提供两种实现方式：一种通过Image控件结合Eval表达式，另一种使用HTML标签并链接到图片全路径。同时，还提供了获取图片路径的后台代码。

//前台页面创建显示图片列

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"> <asp:TemplateField headertext="显示图片"> <ItemTemplate> <asp:Image ID="img" Height="20" Width="20" ImageURL='<%# GetImg(Eval("表中列名").ToString())%>' runat="server" /> (注：后台方法名用来得到服务器中全路径) </ItemTemplate> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Center" /> <HeaderStyle Width="20%" /> </asp:TemplateField> 或者2： <asp:TemplateField> <HeaderTemplate> 显示图片 </HeaderTemplate> <ItemTemplate> <a href="<%#GetImagePath()+Convert.ToString(Eval("表中列名"))%>" target="_blank"><img src="<%#GetImagePath()+Convert.ToString(Eval("表中列名"))%>" alt="" width="20px" height="20px" /></a> </ItemTemplate> <FooterStyle HorizontalAlign="Center" /> <ItemStyle HorizontalAlign="Center" /> <HeaderStyle Width="10%" /> </asp:TemplateField> </asp:GridView>

后台代码：

//获取图片
        protected string GetImg(string img)
        {
            string imgurl = ImageURL + img; 注：ImageURL为服务器保存图片文件夹的路径
            return imgurl;
        }

public static string ImageURL {
            get {
                string imageurl = ConfigurationManager.AppSettings["ImageURL"].ToString()+"/";
                if (imageurl != null) {
                    return imageurl;
                }
                return "";
            }
        }

或者2(显示的图片点击可链接到对应的图片地址)：

public static string GetImagePath()
       {
           return ConfigurationManager.AppSettings["ImageUrl"].ToString();
       }