我正在尝试创建一个图像库作为 Umbraco 13 中的阻止列表项目

Question

嗨，我有适用于单个图像的代码，但我一直坚持修改多个图像选择器的代码。这是我尝试过的，但它给了我一个空白页。

t@inherits UmbracoViewPage<BlockListItem>

@{
    var row = (GalleryRow)Model.Content;
    if (row.GalleryImages==null) return;
    
}

 <div class="container col-12 pb-3">  
<div class="row">


<div class="col-md-4 col-sm-12">
@{
    var row.GalleryImages = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("GalleryImages");
    foreach (var item in row.GalleryItems)
    {
        <img src="@item.Url" style="width:200px"/>
    }
}
  
 </div>    

</div></div>

如有任何帮助，我们将不胜感激。

我已经尝试过上述操作，我希望用户选择图库块，选择最多 10 张图像，并将这些图像与其余的黑名单项目一起显示在页面上。

Answer 1

如果有人需要的话，这是正确的代码：

@using Umbraco.Cms.Core.Models.PublishedContent
@inherits UmbracoViewPage<BlockListItem>

@{
    var row = (GalleryRow)Model.Content;
    if (row.GalleryImages==null) return;
    
}

 <div class="container col-12 pb-3">  
<div class="row">


<div class="col-md-4 col-sm-12">
@{

var _mediaFolder = Umbraco.MediaAtRoot().DescendantsOrSelf<Folder>().First();
}
                        @if (_mediaFolder != null)
                        {
                            foreach (var image in _mediaFolder.Children)
                            {
                                //make sure it isn't another folder
                                if (image.Children != null && !image.Children.Any())
                                {
                                            <img src="@image.Url()" class="example-image img-responsive" >
                                }
                            }
                        }

</div>    

</div>
</div>