ASP .NET, MVC Razor - How to display image from script

Question

I am using mvc4, Razor and SignalR. Now in my cshtml. i have

<div>
<ul id="friends"></ul>
</div>

and within the script i have

$(function () {

//code omitted

// Reference the auto-generated proxy for the hub.
var chat = $.connection.chatHub;

chat.client.addfriend = function (name) {
// Add the message to the page.
$('#friends').append('<li><strong>' + htmlEncode(name)
+ '</strong> ' + getOnlineIcon() + '</li>');
};

function getOnlineIcon() {
return '<img id="img_logo" alt="test" src="~/Content/Images/greenDot.gif" />';
}
}

Issue is i tried everything, but it never shows the image only the alt text. If i put the same tag within the outside the script it works fine meaning the path is okay. Just that within the script it has an issue. tried the url.content on the src as well, but no luck. Any suggestions?

Murali Murugesan · Accepted Answer · 2014-03-19 12:52:22Z

2

There is a problem in the src. Check the url

It might be

 src="/Content/Images/greenDot.gif"

answered Mar 19, 2014 at 12:52

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

evilom · Accepted Answer · 2014-03-19 13:10:34Z

1

try using

@Url.Content("~/Content/Images/greenDot.gif")

like this..

function getOnlineIcon()
{
    return '<img id="img_logo" alt="test" src="' + 
        '@Url.Content("~/Content/Images/greenDot.gif")' + 
        '" />';
}

answered Mar 19, 2014 at 13:10

evilom

5837 silver badges19 bronze badges

Collectives™ on Stack Overflow

ASP .NET, MVC Razor - How to display image from script

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related