What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI
COURSE of the MONTH
15 days, 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 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.
If you are experiencing a similar issue, please ask a related question
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
In this tutorial viewers will learn how to position items using CSS's three positioning types
Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
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…
Suggested Courses
Course of the Month15 days, left to enroll
771 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.