如何使用 razor 在 Umbraco 中显示图像文件夹中的图像？

Question

几乎所有如何使用图像库中的显示图像的示例都是通过 xslt 进行的，但是 Umbraco 5.0 将不再支持 xslt。

以下是我在 xslt 中需要的示例：

<xsl:param name="currentPage"/>

<xsl:template match="/">
      <xsl:variable name="image" select="macro/imageFolderAlias"/>
    <xsl:variable name="mediaFolderID" select="number($currentPage/*[name() = $image])" />

    <xsl:if test="$mediaFolderID &gt; 0">
<ol>
      <xsl:variable name="mediaNode" select="umbraco.library:GetMedia($mediaFolderID, 1)" />
  <xsl:for-each select="$mediaNode//Image [@nodeTypeAlias ='Image']">    

<li>
<a>
<xsl:attribute name="href"><xsl:value-of select="current()/umbracoFile"/></xsl:attribute> 
  <h4><xsl:value-of select="current()/altText"/></h4>
<img >
<xsl:attribute name="src"><xsl:value-of select="concat(substring(current()/umbracoFile, 0, string-length(current()/umbracoFile) - string-length(current()/umbracoExtension)), '_thumb.jpg')"/></xsl:attribute>
<xsl:attribute name="alt"><xsl:value-of select="current()/altText"/></xsl:attribute>

</img>
</a>
   </li>
</xsl:for-each>
</ol>
    </xsl:if>
</xsl:template>

razor 中的等效项应该是什么？

仅供参考：imageFolderAlias 是一个参数。

谢谢

Answer 1

我回答了我的问题，因为有关 umbraco 和 xslt 到 razor 转换的信息太少了。

这是答案代码：

@using umbraco.cms.businesslogic.media;
@using uComponents.Core;
@using uComponents.Core.uQueryExtensions;

@{
  var parameter = @Parameter.imageFolderAlias;  
  var folderId = Convert.ToInt32(@Model.GetProperty(@parameter).Value);     
  if (@folderId > 0)
  {
    Media startMedia = new Media(@folderId);   
    @: <ol>
    var mediaNode = umbraco.library.GetMedia(folderId, true);
    foreach(Media m in startMedia.GetChildMedia())
    {
      string umbracoImageFileName = @m.getProperty("umbracoFile").Value.ToString();
      string umbracoImageExtension = @m.getProperty("umbracoExtension").Value.ToString();
      var thumnail = String.Concat(@umbracoImageFileName.Substring(0, (@umbracoImageFileName.Length - @umbracoImageExtension.Length - 1)),"_thumb.jpg");     
      @: <li>
      @: <a href="@umbracoImageFileName">
      @: <h4> @m.getProperty("altText").Value </h4>
      @: <img src="@thumnail" alt="@m.getProperty("altText").Value" />
      @: </a> 
      @: </li>
    }
    @: </ol>
  }
}

您应该根据您的需要进行调整。

从此处<获取了一些代码/strong>