이미지가 표시되지 않습니다.

내 이미지가 표시되지 않는 이유를 알고 싶습니다. 열 이름 ImageArticle에 이미지의 주소를 저장했습니다. 이 이미지를 MVC 프로젝트의 모든 필드 뒤에 표시하려고합니다. 여기에 코드가 있습니다.이미지가 표시되지 않습니다.

Index.cshtml 여기

@foreach (var item in Model) { 
    <tr> 
     <td> 
      @Html.DisplayFor(modelItem => item.FirstName) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.LastName) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.Phone) 
     </td> 
     <td> 
      @Html.DisplayFor(modelItem => item.Email) 
     </td> 
     <td> 
      <img src="@Html.DisplayFor(modelItem => item.ImageArticle)" /> <== here is the image 
     </td> 
     <td> 
      @Html.ActionLink("Edit", "Edit", new { id=item.Id }) | 
      @Html.ActionLink("Details", "Details", new { id=item.Id }) | 
      @Html.ActionLink("Delete", "Delete", new { id=item.Id }) 
     </td> 
    </tr> 
} 

</table>

내가 DB 필드 ImageArticle에 넣어 정의입니다 : ~/이미지/phone.jpg 여기

내가 응용 프로그램을 실행할 때 생성 된 HTML이다

<!DOCTYPE html> 

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <title>Index</title> 
</head> 
<body> 
<p> 
    <a href="/Home/Create">Create New</a> 
</p> 
<table class="table"> 
    <tr> 
     <th> 
      FirstName 
     </th> 
     <th> 
      LastName 
     </th> 
     <th> 
      Phone 
     </th> 
     <th> 
      Email 
     </th> 
     <th> 
      ImageArticle 
     </th> 

     <th></th> 
    </tr> 

    <tr> 
     <td> 
      Joe 
     </td> 
     <td> 
      Bloe 
     </td> 
     <td> 
      222-222-3344 
     </td> 
     <td> 
      [email protected] 
     </td> 
     <td> 
      <img src="~/Images/phone.jpg" /> <== this image should show up correctly? 
     </td> 
     <td> 
      <a href="/Home/Edit/1">Edit</a> | 
      <a href="/Home/Details/1">Details</a> | 
      <a href="/Home/Delete/1">Delete</a> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Paul 
     </td> 
     <td> 
      Statsny 
     </td> 
     <td> 
      333-444-5544 
     </td> 
     <td> 
      [email protected] 
     </td> 
     <td> 
      <img src="dshfs" /> 
     </td> 
     <td> 
      <a href="/Home/Edit/2">Edit</a> | 
      <a href="/Home/Details/2">Details</a> | 
      <a href="/Home/Delete/2">Delete</a> 
     </td> 
    </tr> 

</table>

VS 솔루션 탐색기에서 나는 phone.jpg를 넣은 Images라는 폴더를 만들었습니다.

그러나 그림이 화면에 표시되지 않습니다.

감사

출처

2014-02-24 user3127986

당신은 @의 Url.Content에 이미지 URL을 포장 할 수 있습니다.

<img src="@Url.Content(item.ImageArticle)" />

출처

2014-02-24 21:36:51 stead

정확히 내가 무엇을 찾고 있었습니까. 감사 – user3127986

Html.DisplayFor 대신 이미지 컨트롤에 대한 사용자 지정 태그를 만들 수 있습니다. 세부 설명은 here입니다.

출처

2014-02-25 05:08:03 Rakhita

이미지가 표시되지 않습니다.

답변

관련 문제