Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.
Course Of The Month
6 days, 15 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
How to dynamically pass in <item.Id> and <item.ImageUrl> in an Image Tag
Posted on 2013-05-16
Hi,
I'm finding it difficult to pass in the id and the imageUrl values from a database into an image tag, as shown below
<%@ Control Language="C#" Inherits="System.Web.Mvc.V
<p class="CreateButtonStyle">
<%= Html.ActionLink("Create New", "Create", null, new { @class = "createImage", title = "Create Image" })%>
</p>
<table>
<tr>
<th>
card Image
</th>
</tr>
<% foreach (var item in Model)
{ %>
<tr>
<td>
<img src="~/Uploads/" + <%: item.Id %> + "/" + <%: item.ImageUrl %> + "") alt="" />
</td>
</tr>
<% } %>
</table>
When the page renders, nothing displays apart from the table.
Is this the best way to render an image from a database?
Thanks,
Nick
I'm finding it difficult to pass in the id and the imageUrl values from a database into an image tag, as shown below
<%@ Control Language="C#" Inherits="System.Web.Mvc.V
<p class="CreateButtonStyle">
<%= Html.ActionLink("Create New", "Create", null, new { @class = "createImage", title = "Create Image" })%>
</p>
<table>
<tr>
<th>
card Image
</th>
</tr>
<% foreach (var item in Model)
{ %>
<tr>
<td>
<img src="~/Uploads/" + <%: item.Id %> + "/" + <%: item.ImageUrl %> + "") alt="" />
</td>
</tr>
<% } %>
</table>
When the page renders, nothing displays apart from the table.
Is this the best way to render an image from a database?
Thanks,
Nick
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2 Comments
Active 1 day ago
View the source of your rendered html
You should end up with
<a href="somepage.html"><img id="123" src="/images/abc.jpg"></a>
You should end up with
<a href="somepage.html"><img id="123" src="/images/abc.jpg"></a>
Hi,
Thanks for your help, I have been able to successfully get the ImageUrl to render on the page, using the below code:
Controller;
public ActionResult WebBackground(int id = 3)
{
return PartialView("WebBackground
}
User Control (Partial)
WebBackground.cshtml
@model MvcMusicStore.Models.ViewM
@Url.Content("~/Content/me
View
<style type="text/css">
.header { background: url(@Html.Action("WebBackg
</style>
This seems to work, there maybe better ways to tackle this problem, but this solution allows me to easily render a ImageUrl from the database and store the image files locally on the web server.
Thanks,
Nick
Thanks for your help, I have been able to successfully get the ImageUrl to render on the page, using the below code:
Controller;
public ActionResult WebBackground(int id = 3)
{
return PartialView("WebBackground
}
User Control (Partial)
WebBackground.cshtml
@model MvcMusicStore.Models.ViewM
@Url.Content("~/Content/me
View
<style type="text/css">
.header { background: url(@Html.Action("WebBackg
</style>
This seems to work, there maybe better ways to tackle this problem, but this solution allows me to easily render a ImageUrl from the database and store the image files locally on the web server.
Thanks,
Nick
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5.
As we learned in our last micr…
Suggested Courses
Course of the Month6 days, 15 hours left to enroll
724 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.