Как изменить HTML-изображения SRC с помощью C #

Question

<img src ="~/UserControls/Vote/Images/Arrow Up.png" id = "vote-up-off" 
        runat = "server" alt ="vote up" 
class="voteupImage" style="height: 45px; width: 44px"/>

здесь я хочу изменить src изображения для определенного условия, например

if ( a==4)
{
src  url  shuld be ......
}
else
{ 
src  url should be...
}

Answer 1

Сначала вам нужно дать id имя, которое можно использовать как переменную:

<img src="~/UserControls/Vote/Images/Arrow Up.png" 
     id="VoteUpOff" 
     runat="server" alt ="vote up" 
     class="voteupImage" 
     style="height: 45px; width: 44px"
/>

И в вашем коде вы можете использовать эту переменную:

if (someCondition)
{
    VoteUpOff.Attributes["src"] = ResolveUrl("~/UserControls/foo.png");
}

Answer 2

Вы хотите изменить идентификатор на что-то без дефисов, но тогда это будет

voteUpOff.Attributes["src"] = "myImage.png";

Answer 3

HTML

<img src="~/UserControls/Vote/Images/Arrow Up.png" 
         id="VoteUpOff" 
         runat="server" alt ="vote up" 
         class="voteupImage" 
         style="height: 45px; width: 44px"
    />

На стороне сервера

if (someCondition)
{
    VoteUpOff.Attributes["src"] = ResolveUrl("~/UserControls/foo.png");
}

Имейте в виду, чтобы увидеть изменения, которые вы должны разместить "img "в UpdatePanel После внесения изменений обновите UpdatePanel, если его UpdateMode = Conditional, в противном случае он будет обновляться автоматически, если его свойство ChildAsTriggers = True

Answer 4

Попробуйте, это работает для меня

<img src="_images/<%= AssignImageURL() %>" alt="Logo" />

C # Метод

protected string AssignImageURL()
{
    String ID = Convert.ToString(Session["id"]);
    ds = sq.SelectQuery("Select LogoURl from table where ID='"+ ID+"' ");
    if (Convert.ToString(ds.Tables[0].Rows[0][0]).Trim() != "")
        return Convert.ToString(ds.Tables[0].Rows[0][0]).Trim();
    else
        return "Logo.jpg";
}

Answer 5

if (someCondition)
{
    vote-up-off.Attributes["src"] = ResolveUrl("~/UserControls/pic.png");
}