ASP.NET ImageUrl内联绑定表达式未解析致图片无法显示

部署引用本地文件夹图片资源的ASP.NET网站时，出现页面图片无法正常显示的问题。
初始实现代码如下：

<asp:TemplateField>
    <ItemTemplate>
        <asp:Image ID="ImagePath" runat="server" ImageUrl="~/Images/Catalog/<%#: Item.Product.ImagePath %>" Height="80px" Width="100px"/>
    </ItemTemplate>
</asp:TemplateField>

代码中尝试通过<%#: Item.Product.ImagePath %>数据绑定语法获取图片文件名，和固定前缀拼接后赋值给ImageUrl属性展示图片，但网站运行后图片未加载。通过浏览器开发者工具检查元素发现，绑定表达式未被正确解析渲染，实际输出的img标签代码如下：

<img id="MainContent_CartList_ImagePath_0" src="Images/Catalog/%7B0%7D.%3C%25#:%20Item.Product.ImagePath%20%25%3E" style="height:80px;width:100px;">

排查过程中确认，单独在页面输出<%#: Item.Product.ImagePath %>时，可以正常返回对应的图片文件名（如image.jpg），但将表达式写在ImageUrl的静态路径字符串内部时就无法正常解析，无法生成预期的"~/Images/Catalog/image.jpg"有效路径。

ASP.NET WebForm服务端控件的属性解析有固定规则：只有当整个属性的值完全由数据绑定表达式构成时，页面解析器才会识别绑定语法、执行绑定逻辑。
如果属性值采用「静态文本+内嵌绑定表达式」的混合写法，解析器不会将其中的<%# %>识别为绑定标记，会把整段内容当作普通静态字符串处理，输出时还会对<、%这类特殊字符做URL编码，最终就出现了绑定标签被编码、路径完全失效的问题。

• 最简便的改法：将ImageUrl属性的整个值都放入绑定表达式内完成字符串拼接，注意属性外层改用单引号包裹，避免和表达式内的双引号产生语法冲突，示例代码如下：

<asp:TemplateField>
    <ItemTemplate>
        <asp:Image ID="ImagePath" runat="server" 
            ImageUrl='<%# "~/Images/Catalog/" + Item.Product.ImagePath %>' 
            Height="80px" Width="100px"/>
    </ItemTemplate>
</asp:TemplateField>

如果需要对输出内容做HTML编码，保留绑定表达式的冒号写法即可：ImageUrl='<%#: "~/Images/Catalog/" + Item.Product.ImagePath %>'

• 后台赋值方案：在对应数据绑定控件（如GridView、ListView）的ItemDataBound事件中，逐行找到Image控件实例，通过后台代码拼接完整路径后赋值给ImageUrl属性，适合需要额外做路径合法性校验的场景。
• 原生标签方案：如果不想使用服务端Image控件，可以直接写原生img标签，配合ResolveClientUrl方法解析应用根路径，再拼接文件名输出src属性即可，注意原生标签不会自动识别~开头的应用根路径语法。

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