[英]Image text on code behind
我的项目中有一些图像,这些图像中有表示项目类别的文本。 将鼠标悬停在此图像上,我们可以看到子类别。 现在,我所遭受的问题是,我一直坚持寻找如何在后面的代码中获取图像文本。 请帮助我获得解决方案。
<asp:Image ID="Image1" runat="server"
ImageUrl="~/Images/New Bitmap Image(1).bmp" Width="180px"
CssClass="class1" Height="96px" />
添加图像时您是否知道图像文本。 如果是,那么您可以在data属性中添加该文本,并使用js代码轻松访问它。
<img id="temp" src="/images/43/jpg" data-text="43" />
Js代码
document.getElementById("temp").getAttribute("data-text");
除非您执行一些图像处理代码,否则无法直接在后面的代码中访问图像中使用的文本。
最好设置一个alt
并在后面的代码中访问它。
<asp:Image runat="server" ID="img" ToolTip="My Image Text" ImageUrl="some.jpeg"/>
这将呈现为
<img src="" alt="My Image Text" id="img" />
在Codebehind
string imageText=img.ToolTip
更新:
使用隐藏字段可知道单击了带有子类别的图像
<asp:Image runat="server" ID="img" ToolTip="My Image Text"
onclick="setSelectedImage(this)" ImageUrl="some.jpeg"/>
<asp:HiddenField id="hdnSelected" runat="server" />
页面中的Javascript
function setSelectedImage(obj)
{
//based on your condition to check it has subcategories
document.getElementById("<%= hdnSelected.ClientID %>").value=obj.id;
}
在后面的代码中
Image selectedImg=(Image)Page.FindControl(hdnSelected.Value);
string text=selectedImg.ToolTip
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.