umbraco - 在 Umbraco 7 中显示媒体库中的图像

Question

这应该是一件非常简单的事情，但我无法让它工作:我只是想在局部 View 模板中显示上传到 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被替换为 # .

我尝试过的其他替代方案是 multiple Media Picker images , how to display a Media Picker image , get image from media with Razor , 和 display image from Media Picker ， 这仅仅是列举的一小部分。

如果有人能帮助我解决我认为是菜鸟的问题，我将不胜感激!

Answer 1

我发现这种方式既简单又干净:

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

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

我希望它能帮助别人