umbraco7 - imagenes - Mostrar imagen de la biblioteca de medios en Umbraco 7

descargar imagenes de wordpress

Question

Esto debería ser algo vergonzosamente simple, pero no puedo hacerlo funcionar: simplemente me gustaría mostrar una imagen que se cargó en la Biblioteca de Medios de Umbraco (Umbraco 7.1.1) dentro de una plantilla de Vista parcial. El codigo es

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{   
    var imgNode = CurrentPage.BannerBackgroundImage;
    var imgUrl = umbraco.library.NiceUrl(imgNode);
    <div id="banner-wrapper" style="background: url(''@imgUrl'') center center no-repeat;">
        <!-- some irrelevant content -->
    </div>
}

donde BannerBackgroundImage es una propiedad personalizada de la página. Cuando se muestra esto, sin embargo, @imgUrl se reemplaza con # .

Otras alternativas que he probado son varias imágenes de Selector de medios , cómo mostrar una imagen de Selector de medios , obtener imágenes de medios con Razor y mostrar imágenes de Selector de medios , por nombrar solo algunas.

¡Realmente apreciaría si alguien pudiera ayudarme con lo que creo que es una pregunta de novato!

Answer 1

Dentro de la plantilla

umbraco: Macro runat = "server" language = "cshtml"

img src="@Model.MediaById(Model.photo).umbracoFile" alt=""/

/ umbraco: macro

---Modelo.photo = foto es un nombre de alicia

Answer 2

Esto funcionó para mí, desde los documentos de Umbraco 6 Media, here

var bannerImage = Umbraco.TypedMedia(Model.Content.GetPropertyValue("plainImage"));

<div class="my-banner-wrapper" style="background-image: url(@bannerImage.GetPropertyValue("umbracoFile"));">
    <!-- some irrelevant content -->
</div>

Answer 3

Gracias Jesús Mogollon,

He derrumbado eso para

<img src="@Umbraco.Media(CurrentPage.headerBackgroundImage).Url" alt="">

He configurado el archivo como obligatorio, así que espero que no necesite la parte if .

Answer 4

Habiendo tenido un momento tan inesperadamente difícil para algo que hubiera pensado que sería fácil, este recorte funcionó para mí.

@if (Model.Content.HasValue("OtherImages"))
{
   var otherImages = Model.Content.GetPropertyValue<List<IPublishedContent>>("OtherImages");
   foreach (var image in otherImages)
   {
      if (image != null)
      {
         <img src="@image.Url" alt="@image.Name" class="img-responsive img-rounded"  />
      }
   }
}

Gran parte de las otras publicaciones no funcionaron para mí, pero creo que la API ha cambiado un poco. Estoy usando Umbraco 7.6.1. No estoy seguro de si el chequeo nulo es necesario, pero ciertamente no hará ningún daño.

Answer 5

He encontrado esta manera fácil y limpia:

@if (CurrentPage.Image != null && !(CurrentPage.Image is Umbraco.Core.Dynamics.DynamicNull))
{
    var m = Umbraco.Media(CurrentPage.Image);

    <img src="@m.Url" alt="@m.UrlName" />
}

Espero que ayude a alguien más.

Answer 6

Ingresé esto en la sección sobre el doctype en la plantilla o maestro que se está usando.

@{
Layout = null;
var regionalPage = Umbraco.Content(this.CurrentPage.Id);
string manangerPhotoUrl = string.Format("https://assets.yourdomain.com{0}", @Umbraco.Media(regionalPage.managerPhoto).Url);
}

Luego agregué la variable que mantiene el valor de cadena a mi atributo de fuente de imagen en el marcado.

<img class="img-responsive" src="@manangerPhotoUrl" />

Answer 7

Prueba esto

@if (CurrentPage.Image != null && !(CurrentPage.Image is Umbraco.Core.Dynamics.DynamicNull))
{
    var m = Umbraco.Media((int)CurrentPage.Image);

    <img src="@m.Url" alt="@m.UrlName" />
}

nota: debe lanzar CurrentPage.Image como int debido a Umbraco.Media ambigous constructor

Answer 8

 <img src="@Umbraco.Media(Convert.ToString(@Umbraco.Field("image"))).umbracoFile" alt="" />