首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >从码后添加图像时如何在网格视图中呈现图像

从码后添加图像时如何在网格视图中呈现图像
EN

Stack Overflow用户
提问于 2016-07-08 17:10:23
回答 1查看 412关注 0票数 0

我试图在网格视图的第一列中从代码背后设置图像,但是img标记显示为文本,而不是呈现为img

我的代码

代码语言:javascript
代码运行次数:0
运行
复制
  protected void Page_Load(object sender, EventArgs e)
    {
        RdfDA DA = new RdfDA();
        DataTable dt = new DataTable();

        List<Player> Players = DA.GetPlayers();

        dt.Columns.Add("Photo");
        dt.Columns.Add("PlayerName");
        dt.Columns.Add("Team");
        dt.Columns.Add("Result");
        dt.Columns.Add("Award");

        foreach(Player Player in Players)
        {
            dt.Rows.Add(new object[] {
                "<img href=\"" + Player.PlayerImg + "\"/>",
                Player.PlayerName,
                Player.PlayerTeam,
                Player.PlayerResult,
                Player.PlayerAward                                               
                });
        }

        GVPlayers.DataSource = dt;
        GVPlayers.DataBind();
    }

请你帮忙

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-07-08 17:20:38

默认情况下,GridView会将HtmlEncode设置为true,这将执行您看到的内容并将HtmlEncode显示为文本。

如果控制这些值,最简单的方法是在GridView中将其设置为false。

代码语言:javascript
代码运行次数:0
运行
复制
<asp:BoundField DataField="Photo" HeaderText="Photo" HtmlEncode="false" />

如果允许外部输入到照片字段,请确保正在清理输入以防止任何攻击。请参阅https://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.boundfield.htmlencode(v=vs.110).aspx

HTML编码字段值有助于防止跨站点脚本攻击和恶意内容的显示。应尽可能启用此属性。

前端代码的一种更直观的方法是使用TemplateField并使用它来控制HTML。

改变你的循环

代码语言:javascript
代码运行次数:0
运行
复制
dt.Rows.Add(Player.PlayerImg,
       Player.PlayerName,
       Player.PlayerTeam,
       Player.PlayerResult,
       Player.PlayerAward                                               
});

然后在前面的代码中使用这个

代码语言:javascript
代码运行次数:0
运行
复制
<asp:TemplateField HeaderText="Photo">
    <ItemTemplate>
        <asp:Image ID="imgPlayer" runat="server" ImageUrl='<%# Eval("Photo") %>' />                    
    </ItemTemplate>
</asp:TemplateField>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38272138

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档