代码背后的图像文字

我在我的项目中有一些图像，这些图像中的文本代表项目中的类别。将鼠标悬停在图片上我们可以看到子类别。现在我正在遭受的问题是，我一直在寻找如何在代码后面获取图像文本。请帮我解决问题。代码背后的图像文字

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

来源

2014-05-08 Maes

向我们展示一些代码 – janhartmann

我们没有看到在您的文章的任何图像相关的代码。请清楚你的问题。 –

多数民众赞成在图像 – Maes

这是不可能访问图像中使用的文字直接在后面的代码，直到除非你做一些图像处理代码。

最好设置一个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

更新：

使用hiddenfield知道哪些图像与子类别clicke d

<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

来源

2014-05-08 08:59:32

谢谢，这是工作，但有一个问题。我需要获取仅选择其子类别的图像的文本。 – Maes

@Maes，你需要设置一些标志的图像，以确定是否选择子类别。或者保留一个隐藏字段的图像被选中，使用javascript更新隐藏的字段与选定的图像ID。在后面的代码中，你可以从隐藏中获得id，然后使用'（Image）Page.FindControl（“idstoredInHidden”）' –

你可以让解释更具体一点，我没有太多想法做到这一点。 – Maes

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

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

JS代码

document.getElementById("temp").getAttribute("data-text");

来源

2014-05-08 08:59:17 Sandeeproop

代码背后的图像文字

回答

相关问题