Add Image Source in jQuery

Question

In my MVC application, the images will be in the App_Data folder. I want to provide a source for my img tag in jQuery. Here is how I do it:

var src1 = <%=Url.Content(Server.MapPath("/AppData/1.jpg"))%> $("#imgLocation").attr("src", src1); 

But that will not work. Why?

Answer 1

try the following:

 var src1 = '<%=Url.Content(Server.MapPath("~/AppData/1.jpg"))%>'; $("#imgLocation").attr("src", src1); 

Answer 2

Since you are trying to access an HTML element called imgLocation you should either use

• $('#imgLocation') if your img has id="imgLocation"
• or $('.imgLocation') if your img has class class="imgLocation"