添加runat="server"后ASP.NET中<img>标签无法显示的问题咨询

当你给<img>标签加上runat="server"后，它就从普通HTML元素变成了ASP.NET服务器端控件（对应System.Web.UI.HtmlControls.HtmlImage类）。这时候原来直接写在src属性里的<%# Eval(...) %>数据绑定表达式就无法被正确解析了——因为服务器端控件的属性处理逻辑和普通HTML元素不同，ASP.NET不会把这个表达式当成数据绑定代码执行，反而会把它作为字符串的一部分输出，最终导致渲染出来的标签异常，图片自然无法显示。

另外要注意，服务器端控件的属性是驼峰命名的，比如Src（大写S），而不是普通HTML的src（小写），这也是导致绑定失效的一个细节点。

1. 修正前端数据绑定代码 #

把原来的src改成服务器端控件对应的Src属性，并且确保数据绑定表达式正确拼接base64图片的前缀：

<img id="smallImage1" runat="server" 
     style="max-width: 95%; max-height: 95%; margin:0 auto;" 
     Src='<%# Eval("Image2") != DBNull.Value ? "data:image/jpg;base64," + Convert.ToBase64String((byte[])Eval("Image2")) : string.Empty %>' 
     alt="image"/>

这样ASP.NET在处理GridView数据绑定的时候，会正确执行<%# %>里的代码，把计算后的base64字符串赋值给HtmlImage控件的Src属性，最终渲染出正确的图片标签。

2. 在后台代码中修改Src属性 #

因为你的图片控件是在GridView的行里（从渲染后的IDGridView1_smallImage1_1可以看出来），所以需要在GridView的RowDataBound事件中找到对应的控件，再修改它的Src属性：

第一步：给GridView绑定RowDataBound事件 #

在前端GridView标签里添加事件绑定：

<asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound">
    <!-- 你的列定义 -->
</asp:GridView>

第二步：在后台编写事件处理代码 #

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    // 只处理数据行，跳过表头、页脚等非数据行
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        // 通过FindControl找到当前行里的服务器端img控件
        HtmlImage smallImage = (HtmlImage)e.Row.FindControl("smallImage1");
        
        if (smallImage != null)
        {
            // 获取当前行的数据对象（这里假设数据源是DataTable，所以用DataRowView）
            DataRowView rowData = (DataRowView)e.Row.DataItem;
            
            // 示例1：修改为新的base64图片
            byte[] newImageData = GetYourNewImageBytes(); // 替换成你获取新图片字节的逻辑
            if (newImageData != null && newImageData.Length > 0)
            {
                smallImage.Src = "data:image/jpg;base64," + Convert.ToBase64String(newImageData);
            }
            
            // 示例2：修改为普通图片URL（记得用ResolveUrl处理路径）
            // smallImage.Src = ResolveUrl("~/assets/default-image.jpg");
        }
    }
}

注意：ResolveUrl方法可以帮你把相对路径转换成适合客户端访问的绝对路径，避免路径错误。

内容的提问来源于stack exchange，提问作者SomethingCool