There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.
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
2 Comments
Active today
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.
Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.
Have a better answer? Share it in a comment.
Join & Write a Comment Already a member? Login.
When it comes to write a
Context Sensitive Help
(an online help that is obtained from a specific point in state of software to provide help with that state)
,
first we need to make the file that contains all topics, which are given exclusive IDs. …
The PowerShell Core 6.0 of .NET release is just the beginning. The upcoming PowerShell Core 6.1 would have artificial intelligence and internet of things capabilities. So many things to look forward to in the upcoming release.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number.
For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.
Suggested Courses
Course of the Month11 days, 6 hours left to enroll
602 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.