Umbraco-如何在IMG标签的src中显示来自媒体选择器的图像？

debugcn 发表于 Dev

克莱德·梦露

如何在umbraco中使用媒体选择器获取所选图像的网址-我找到了umbraco文档，该文档突出显示了媒体选择器的返回值是所选择项目的ID。但是可以肯定的是，这就是您用来向模板中添加图像的方法吗？

我想要做 ...

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

谢谢

代名词

根据Umbraco文档，您有两个选择，我的建议是选择第一个，因为我确实相信在将来的版本中将不再支持动力学。

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是用来使媒体对象作为对象返回的TypedMedia对象，您可以从那里访问图像URL。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。