Изображения из медиа-библиотеки в Umbraco 7
Это должно быть что-то смущающе простое, но я не могу заставить его работать: я просто хотел бы отобразить изображение, которое было загружено в медиа-библиотеку Umbraco (Umbraco 7.1.1) в шаблоне частичного представления. Код
@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>
}
где BannerBackgroundImage является пользовательским свойством страницы. Однако, когда это отображается,@imgUrl
заменяется на #
.
другие альтернативы, которые я пробовал являются несколько медиа выбора изображений, как отобразить изображение комплектовщик, получить изображение с носителя с бритвой и отображение изображения из Media Picker, чтобы назвать только несколько.
Я был бы очень признателен, если бы кто-нибудь мог помочь мне с тем, что я считаю вопросом новичка!
8 ответов
Я нашел этот путь легким и чистым:
@if (CurrentPage.Image != null && !(CurrentPage.Image is Umbraco.Core.Dynamics.DynamicNull))
{
var m = Umbraco.Media(CurrentPage.Image);
<img src="@m.Url" alt="@m.UrlName" />
}
Я надеюсь, что это поможет кому-то еще
Спасибо Иисус Mogollon,
Я свернул это до:
<img src="@Umbraco.Media(CurrentPage.headerBackgroundImage).Url" alt="">
Я установил файл обязательным, поэтому, надеюсь, мне не понадобится если заявление части.
имея такое неожиданно трудное время для чего-то, что я думал, будет легко, это обрезанное сработало для меня.
@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" />
}
}
}
большая часть других сообщений не работала для меня, но я думаю, что API немного изменился. Я использую Umbraco 7.6.1. Я не уверен, нужна ли проверка null, но это, безусловно, не повредит.
это сработало для меня, из мультимедийных документов Umbraco 6,здесь
var bannerImage = Umbraco.TypedMedia(Model.Content.GetPropertyValue("plainImage"));
<div class="my-banner-wrapper" style="background-image: url(@bannerImage.GetPropertyValue("umbracoFile"));">
<!-- some irrelevant content -->
</div>
попробуй такое
@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" />
}
Примечание: Вы должны бросить CurrentPage.Изображение как int из-за Umbraco.Media ambigous конструктор
внутри шаблона
umbraco: Macro runat=" server " language="cshtml"
img src="@Model.MediaById(Model.photo).umbracoFile" alt=""/
/ umbraco: Macro
---модель.фото =фото-это имя Алисы
Я ввел это в раздел над doctype в используемом шаблоне или мастере.
@{
Layout = null;
var regionalPage = Umbraco.Content(this.CurrentPage.Id);
string manangerPhotoUrl = string.Format("https://assets.yourdomain.com{0}", @Umbraco.Media(regionalPage.managerPhoto).Url);
}
затем я добавил переменную, содержащую строковое значение, к моему атрибуту источника изображения в разметке.
<img class="img-responsive" src="@manangerPhotoUrl" />