图像文本上的代码后面

Image text on code behind

本文关键字：代码 文本 图像      更新时间：2023-09-26

我在我的项目中有一些图像，在那些图像中有代表项目类别的文本。把鼠标放在这张图片上，我们可以看到子类别。现在的问题，我所遭受的是，我被困在寻找如何图像文本可以在代码后面得到。请帮我想个办法。

 <asp:Image  ID="Image1" runat="server" 
               ImageUrl="~/Images/New Bitmap Image(1).bmp" Width="180px" 
             CssClass="class1" Height="96px" />

直接在代码中访问图像中使用的文本是不可能的，除非您执行一些图像处理代码。

最好设置一个alt，并在后面的代码中访问它。

<asp:Image runat="server" ID="img" ToolTip="My Image Text" ImageUrl="some.jpeg"/>

显示为

<img src="" alt="My Image Text" id="img" />
在后台代码

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

在添加图像时您知道图像文本吗?如果是，那么你可以在data属性中添加该文本，并使用js代码轻松访问它。

<img id="temp" src="/images/43/jpg" data-text="43" />

Js代码
document.getElementById("temp").getAttribute("data-text");
相关文章：