Problemas en visualizar imagenes en MVC Visual Basic

Question

Buenas,

Las imagenes no se me visalizan en el HTML.

El fragmento de Codigo del Controlador

        ' GET: Firmas
        Function Index() As ActionResult
            Return View(db.Firmas.ToList())
        End Function

        Function MostrarImagen(Id As String) As ActionResult
            Dim imagen = db.Firmas.Where(Function(x) x.ID = Id).FirstOrDefault()
            Return File(imagen.FirmaDigital, "Image/jpg")
        End Function

El Codigo del Razor

@ModelType IEnumerable(Of Unicoc.Firmas)
@Code
ViewData("Title") = "Index"
Layout = "~/Views/Shared/_Layout.vbhtml"
End Code

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(Function(model) model.Firmante)
        </th>
        <th>
            @Html.DisplayNameFor(Function(model) model.Cargo)
        </th>
        <th>
            @Html.DisplayNameFor(Function(model) model.FirmaDigital)
        </th>
        <th></th>
    </tr>

@For Each item In Model
    @<tr>
        <td>
            @Html.DisplayFor(Function(modelItem) item.Firmante)
        </td>
        <td>
            @Html.DisplayFor(Function(modelItem) item.Cargo)
        </td>
        <td>
            <img width="50" height="50" src="@Url.Action("MostrarImagen", "Firmas", New With {.id = item.ID})" />
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", New With {.id = item.ID }) |
            @Html.ActionLink("Details", "Details", New With {.id = item.ID }) |
            @Html.ActionLink("Delete", "Delete", New With {.id = item.ID })
        </td>
    </tr>
Next

</table>

La imagen el cual mno muestra las imagenes

Gracias quien pueda ayudarme

Answer 1

En estos casos, la causa más habitual de que las imágenes no se muestren es que la ruta de la imagen que está devolviendo el servidor es una ruta relativa que no se corresponde con la ruta en la que el navegador "ve" la vista. Puede ser que le falte anteponer "../" o "../../". Para comprobarlo, usa la F12 del navegador para ver el código fuente que le ha enviado el servidor, busca las rutas de las imágenes, y cerciórate de que son rutas correctas cuando las concatenas a la ruta de la vista (que se ve en la barra de navegación del navegador).

Answer 2

hola

analiza el articulo

 Returning An Image From ASP.NET MVC Controller

Si en la url pones el link

http://localhost:49259/Firmas/MostrarImagen/1

en donde 1 seria el id de la imagen, puedes visualizarla ?

saludos

---

Leandro Tuttini

Blog
MVP Profile
Buenos Aires
Argentina