Question

hi i’m using nvarchar and tryied too ref till the map too display the image like ~/image/pics.jpg. in my tabel i got 3 column id,image and text. id=int, image=nvarchar(max) text= nvarchar(50).

How can I display them? Does anyone know of a guide or tutorial I can follow?

i have search every where but they using binary and image typ. i can only display text and ID if i want but on image it shows the icon that ther should be an image but it didn’t display?

controller

public ActionResult Index()
    {
    var pics = db.image.ToList();

    return View(pics);
    }

view

@foreach (var item in Model)
<tr>
<img src='@item.image' />
<tr/>
<tr>
@item.text
<tr/>

Answer 1

I created a helper method that I use in my view:

public static IHtmlString Image(this HtmlHelper htmlHelper, string url)
{
     return Image(htmlHelper, url, null);
}

public static IHtmlString Image(this HtmlHelper htmlHelper, string url, object htmlAttributes)
{
     TagBuilder imgTag = new TagBuilder("img");
     UrlHelper urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext);

     imgTag.MergeAttribute("src", urlHelper.Content(url));
     imgTag.MergeAttributes(new RouteValueDictionary(htmlAttributes));

     return new HtmlString(imgTag.ToString(TagRenderMode.SelfClosing));
}

In my view I have the following:

@model MyProject.ViewModels.MyViewModel

@foreach (var file in Model.UploadedFiles)
{
     @Html.Image(file.Path)<br />
}

My view model:

public class MyViewModel
{
     public IList<UploadedFile> UploadedFiles { get; set; }
}

UploadedFile class:

public class UploadedFile
{
     public string Path { get; set; }
}

Now how you populate the UploadedFiles property is up to you. I would have done it something like this with a database call:

public ActionResult MyActionMethod()
{
     MyViewModel viewModel = new MyViewModel
     {
          // Database call to return paths
          UploadedFiles = fileService.GetFiles()
     };

     return View(viewModel);
}

There is probably a better way to do this, but this will help you in a direction. Hope this helps.