how to display image from database to razor view?

Question

so i have images in my database and i want to show them in my view,this is my model:

public class SocialNetworkModel
{
    [Required]
    [DataType(DataType.Text)]
    public string titlePost { get; set; }

    [Required]
    [DataType(DataType.Text)]
    public string descriptionPost { get; set; }

    public byte[] picturePost { get; set; }
 }

this is my view :

foreach (var item in Model) {
<tr id="row-@item.cinOw">
    <td>
        @Html.DisplayFor(modelItem => item.titlePost)
    </td>
    <td>
        @Html.DisplayFor(modelItem => item.descriptionPost)
    </td>
    <td>
        //here i want to put my image
    </td>
</tr>
}

so please if someone has any idea i will be very grateful.

check this http://stackoverflow.com/questions/9149430/displaying-image-from-db-in-razor-mvc3 — Francois Borgies, May 05 '13 at 15:05

score 1 · Accepted Answer · answered May 05 '13 at 15:21

1

Create action in your controller as below

public FileContentResult displayImage(int productId) {
    SocialNetwork item = //Get your object
    if (item!= null) {
        return File(item.picturePost, "image Mime Type");
    } else {
    return null;
 }

}

And show this returned file in the view.

answered May 05 '13 at 15:21

Guanxi

3,103
21
38

oh sorry I didn't see the comment above. That has the solution. – Guanxi May 05 '13 at 15:22

how to display image from database to razor view?

1 Answers1

Linked