3.3. Отображение медиа

Отображение медиа

Шаблоны имеют доступ к элементам в медиа библиотеке, это сделано для того, чтобы была возможность отображать богатый контент, такой как галереи

Отображение единичного медиа элемента

Медиа узел это не просто файл, он имеет коллекцию полей, таких как высота, ширина, и путь к сохраненному файлу.

Стандартное изображение в медиа библиотеке основано на типе медиа image , который имеет некоторое число стандартных полей. Если вы хотите добавить больше полей, просто отредактируйте тип медиа в секции settings. Отображать поля медиа элементов в шаблоне можно следующим образом:

@{
    var mediaItem = Umbraco.Media(1234);
    var height = mediaItem.UmbracoHeight;
    var file = mediaItem.UmbracoFile;
}

<img src="@file" height="@height" />

Отображение медиа элемента, используя Image Cropper 

Если Image Cropper использоваться в качестве поля загрузки (umbracoFile) в типе медиа, вы можете получить обрезанное изображение с помощью вызова функции GetCropUrl и указания в качестве параметра алиаса Image Cropper-а.

@{
    var mediaItem = Umbraco.Media(1234);
    var croppedUrl = mediaItem.GetCropUrl("cropAlias");
}

<img src="@croppedUrl" />

А если вам нужно оригинальная необрезанное изображение:

@{
  var mediaItem = Umbraco.Media(1234);
  var file = mediaItem.umbracoFile.src;
}

<img src="@file" />