Umbraco - メディアピッカーの画像をIMGタグのsrcに表示する方法は？

Question

umbracoのメディアピッカーを使用して選択した画像のURLを取得する方法 - メディアピッカーの戻り値が選択されたアイテムのIDであることを強調しているumbracoの文書が見つかりました。しかし確かにこれはテンプレートに画像を追加するために使用するものでしょうか？私はあなたが2つのオプションがありUmbraco Documentationを1として...

<div class="title" style="background-image:url(@Umbraco.Field("mediaPicker"))"> 
    <h1>...@Umbraco.Field("pageTitle")</p> 
</div> 

おかげ

Answer 1

をやりたい

私はダイナミクスのためにそのサポートをすると信じないので、私のアドバイスは、最初に行くことであろう将来のバージョンでは消えてしまいます。

1.型付き

@if (Model.Content.HasValue("caseStudyImages")) 
{ 
    var caseStudyImagesList = Model.Content.GetPropertyValue<string>("caseStudyImages").Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries).Select(int.Parse); 
    var caseStudyImagesCollection = Umbraco.TypedMedia(caseStudyImagesList).Where(x => x != null); 

    foreach (var caseStudyImage in caseStudyImagesCollection) 
    {  
     <img src="@caseStudyImage.Url" style="width:300px;height:300px" />  
    }                
} 

2.ダイナミック

@if (CurrentPage.HasValue("caseStudyImages")) 
{ 
    var caseStudyImagesList = CurrentPage.CaseStudyImages.Split(new string[] { "," }, StringSplitOptions.RemoveEmptyEntries); 
    var caseStudyImagesCollection = Umbraco.Media(caseStudyImagesList); 

    foreach (var caseStudyImage in caseStudyImagesCollection) 
    { 
     <img src="@caseStudyImage.Url" style="width:300px;height:300px" /> 
    } 
} 

IDを使用すると、画像のURLへのアクセスを持って、そこから、バック TypedMediaオブジェクトとしてメディアオブジェクトを取得するためにどのように使用されている

。

Answer 2

あなたは、画像を表示するだけでUmbraco.Content()

<div class="title" style="background-image:url(@Umbraco.Media(CurrentPage.MediaPicker).Url)"> 
    <h1>...@CurrentPage.PageTitle</p> 
</div> 

Answer 3

簡単な方法のように動的であるUmbraco.Media()を使用することができます。

//Get the ID of the Field 
var mediaId = Umbraco.Field("NameOfYourField"); 
//Get the MediaType to Write the URL 
var media = Umbraco.Media(mediaId.ToString()); 
//Salve the Path into the Image 
var image = media.Url; 

<img src="@image"> 

シンプルで使いやすいです。