Umbraco Archetype 渲染图像 (MediaPicker 2)

2023-12-03

我正在使用 Umbraco 中的 Archtype 构建图像滑块。

当我开始这个时,我正在使用 umbraco 7.5.9 和 Umbraco.MediaPicker,但同时我使用最新版本的 Umbraco (7.6.2) 启动了一个新项目,该项目使用 Umbraco.MediaPicker2

使用旧的 MediaPicker 渲染图像没有问题,但使用 MediaPicker2 似乎不可能。

这是我的设置。

The Archtype: enter image description here Here is the partial view that rendered the old MediaPicker

<div class="fullWidthSlider">
    @foreach (var image in @CurrentPage.SliderImages)
    {
        <div>Id: @image.GetValue("image")</div>@*Line added for debug*@
        var media = @Umbraco.Media(image.GetValue("image"));
        <img src="@media.Url" />
    }
</div>

这曾经适用于旧的媒体选择器和 @image.GetValue 返回 int id。但对于新的 MediaPicker2,它返回 Umbraco.Core.Udi[]

如果我使用下面的代码遍历原型的属性,我会得到这个结果(参见下面的代码)

@foreach (var fieldset in Model.Content.GetPropertyValue<ArchetypeModel>("sliderImages"))
{
    foreach(var prop in fieldset.Properties){

        <p>@prop.Alias - @prop.Value</p>

    }
}

href -

altText - alt 测试

图像 - umb://media/c33bfe07a82b4df18a79db154139cb91

href -

替代文本 - Fjall

图像 - umb://media/40d5778d34bb4035b5146c901de75212

谁能告诉我如何从这些数据中渲染图像。

Thanks


我刚刚坐过山车才弄清楚这一点!

您可以获得IPublishedContent使用以下代码从您的图像字符串中:

// Your string which is retrieved from Archetype.
var imageString = "umb://media/c33bfe07a82b4df18a79db154139cb91";

// Get the guid from this string.
var imageGuidUdi = GuidUdi.Parse(imageString);

// Get the ID of the node!
var imageNodeId = ApplicationContext.Current.Services.EntityService.GetIdForKey(guidUdi.Guid, (UmbracoObjectTypes)Enum.Parse(typeof(UmbracoObjectTypes), guidUdi.EntityType, true));

// Finally, get the node.
var imageNode = Umbraco.TypedMedia(imageNodeId.Result);

查看这个线程我们的 Umbraco 涵盖了这个问题。

I used 这条评论了解如何从图像的 GUI 中获取 ID。


看起来 Umbraco 总部正在推动人们使用新的模型生成器与类型模型。我不确定 ModelsBuilder 是否支持 Archetype,这就是为什么有这么多麻烦。

我个人使用嵌套内容在我的所有项目上,因为它执行相同的功能,但(IMO)受到 Umbraco 更好的支持,因为它使用文档类型来存储可重复的内容模式。因此,它可以轻松映射到 IPublishedContent,因此受到 ModelsBuilder 的支持!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Umbraco Archetype 渲染图像 (MediaPicker 2) 的相关文章

  • 为 Umbraco 设置本地开发环境

    我继承了一个 Umbraco CMS 项目 Umbraco 实例和自定义用户控件存在于我们的测试服务器上 因为初始构建已经向客户端进行了演示 我现在需要承担这个任务 初始构建是由一名自由开发人员在我来这里之前完成的 并且不存在有关设置 部署
  • 复制 XSLT 变量

    我正在开发 Umbraco XSL 样式表 但我陷入了困境 基本上 我有一个参数 我测试并使用它的值 如果存在 否则我使用默认参数 currentPage 这是参数
  • 如何在 XSLT 中进行分页

    我有以下 XSLT
  • 如何从 URL 中删除 /umbraco/surface/?

    我的 Umbraco 网址有 umbraco surface 在他们中 例如 http localhost 50656 umbraco Surface HealthInsurance Application Pid 26665 Lid 73
  • Foreach 无法对“方法组”进行操作。您打算调用“方法组”吗?

    我对 C 还很陌生 但遇到了一个我不太明白的错误 我有一个想要循环一系列节点的视图 所以我尝试这样做 foreach var crumb in Model Breadcrumb My code 正如在我的视图模型中我有这个 public I
  • Umbraco Archetype 渲染图像 (MediaPicker 2)

    我正在使用 Umbraco 中的 Archtype 构建图像滑块 当我开始这个时 我正在使用 umbraco 7 5 9 和 Umbraco MediaPicker 但同时我使用最新版本的 Umbraco 7 6 2 启动了一个新项目 该项
  • 在 umbraco 中分配主机名

    我正在使用 umbraco cms 设置 af 多语言页面 我的内容结构如下所示 Content da 丹麦子页面 1 丹麦子页面 2 en 英文子页1 英文子页2 我希望路由是这样的 http mysite dk应该去http mysit
  • Umbraco 5询问用户是否有节点权限

    我正在使用 Umbraco 5 1 beta 在互联网上 此信息来自以前的版本 找不到最新的文档 我发现我可以询问节点用户是否具有访问权限 这样我想建立我的菜单 问题是 我无法让它工作 HasAccess 和 IsProtected 属性不
  • Umbraco 7 使用语言/字典

    我们的项目终于可以添加翻译了 我似乎无法弄清楚如何在 Umbraco 7 中实际使用语言 我在后端添加了一种语言和一些字典项目 但如何在代码中选择给定的语言 是否有任何帮助程序可以在 API 中获取翻译 就像 DictionaryHelpe
  • PredicateBuilder:嵌套在 .And() 内的 OR 条件

    我正在使用 PredicateBuilder 针对 Umbraco 节点列表构建查询来过滤搜索结果 我通过 QueryString 将搜索到的 ID 值作为字符串传递 然后将其与列表中每个 Umbraco 节点上的字符串字段进行比较以获取匹
  • 如何获取用户控件数据类型所在的TabPage

    我正在使用用户控件包装器方法构建自定义数据类型 我在其中添加现有的 TinyMCE 数据类型 问题是我需要找到一种方法来动态获取数据类型所在的当前 TabPage 以便我可以将 TinyMCE 按钮添加到菜单中 这就是我目前所拥有的 Tab
  • 适用于 .Net 网上商店的简单 CMS

    我不确定这是否是正确的论坛 如果不是 我深表歉意 这里是 我正在尝试开发一个对用户来说应该非常简单的网上商店 只需添加产品 创建页面 某种付款方式和订单状态 建立新的网上商店也应该相当容易 我目前正在尝试在 Umbraco 中做到这一点 但
  • 对 RenderMvcController 进行单元测试甚至可能吗?

    所以我正在使用 Umbraco 6 12 并且很难测试RenderMvcController 我已经实施了IApplicationEventHandler in my Global ascx运行应用程序时 Ninject 工作正常且符合预期
  • Umbraco 检查 - 查询问题

    我使用 检查 检索的对象具有以下数据值 图片链接 https i stack imgur com 8sUOb jpg为了更方便查看 Icon icon shopping basket alt 2 color red IndexType co
  • 部署 Web 应用程序期间出现错误“无法打开源文件:找不到路径的一部分”

    我在部署网络应用程序期间遇到错误 错误的标题是Could not open Source file Could not find a part of the path 无法打开源文件 找不到路径的一部分 E ARCHIVES Project
  • 身份验证时出现 umbraco 公共访问错误

    我在 Umbraco 7 中的公共访问方面遇到问题 我使用自定义会员资格提供商通过 CRM 数据库对用户进行身份验证 我设置了一条规则来允许访问仅经过身份验证的 前端 用户我使用自定义角色提供程序来定义经过身份验证的用户具有访客角色 如果未
  • 如何从 umbraco CMS 导出数据?

    我有一个使用 umbraco cms 的项目 即 MSSQL 现在我们正在 WordPress 中重建网站 我无法理解其中的关系 在乌布拉科这很困难 所以我想直接从 Umbraco CMS 下载 导出内容 但在 cms 中我找不到任何导出批
  • mojoPortal 还是 Umbraco?

    我已经寻找免费 开源 ASP NET CMS 门户系统有一段时间了 并将其分为两个不同的系统 乌姆布拉科 http umbraco org http umbraco org 魔力门户 http www mojoportal com http
  • xslt 匹配过滤结果集的前 x 项

    对 xslt 很陌生 所以如果这是一个基本问题 请原谅我 我无法在 SO 上或通过 Google 搜索找到答案 我想要做的是返回一组经过过滤的节点 然后对该组中的前 1 或 2 个项目进行模板匹配 然后另一个模板与其余项目匹配 但是如果没有
  • umbraco 适用于单声道吗?

    我想跑Umbraco http umbraco org 在单声道上 这可能吗 目前 Umbraco 无法在 Mono 上正常运行 但人们已经在努力实现这一目标 This http kevinfitzgerald net articles u

随机推荐

  • 清除MySQL查询缓存而不重新启动服务器

    有什么办法可以clear mysql 查询缓存无需重新启动 mySQL 服务器 我相信你可以用 RESET QUERY CACHE 如果您运行的用户具有重新加载权限 或者 您可以通过以下方式对查询缓存进行碎片整理 FLUSH QUERY C
  • MySQL - 来自另一个表的总和

    我想运行一个包含另一个表中的总和的 select 语句 我知道我可能需要设置一个连接 但我不知道如何处理它 我想选择一个帐户列表 然后获取它们的余额 来自另一个表的总和 这是我一直以来的想法 但显然它是不正确的 SELECT account
  • 如何从 Android 应用程序将 db 文件上传到 google 驱动器?

    我想将数据库文件从我的应用程序上传到谷歌驱动器 我可以在谷歌驱动器中创建一个文件夹 但我不知道如何上传数据库文件 这是我的代码 import java io BufferedInputStream import java io Buffer
  • 使用 Gatsbyjs 包含本地 JS 和 CSS 文件

    我对这个完全陌生gatsbyjs生态系统 同时我正在学习一些reactjs 我最近购买了一个 html 模板 并尝试将其用作 UIgatsbyjs应用 该模板有很多 css 和 js 无论是专有的还是定制的 这意味着没有插件gatsbyjs
  • 添加对 Jtree 的拖放支持

    我想为我的 JTree 应用程序添加拖放支持 我创建了一个自定义的 DefaultMutableTreeNode 子类 有一个默认的 TreeCellRenderer 我需要添加哪些内容以及在哪里添加 最简单的方法是1 调用tree set
  • UIWebView 没有释放内存

    我在尝试恢复分配给 a 的内存时遇到了一些真正的麻烦UIWebView在我的应用程序中 我本质上是创造并呈现UIWebView暂时为用户单独ViewController 然后删除所有引用并弹出ViewController从堆栈中 尽管做了所
  • 如何使用 Lambda 函数对 Alexa Skill 应用程序进行异步 API 调用?

    我想从 Lambda 函数调用 api 我的处理程序由包含两个必需插槽的意图触发 因此我事先不知道我是否会退货Dialog Delegate指令或我对 api 请求的响应 在调用意图处理程序时 我如何承诺这些返回值 这是我的处理程序 con
  • 更新过期的 iO​​S MDM 配置文件

    因此 我设置了 SCEP 服务器来生成 iOS 身份证书 该证书仅在短时间内有效 当它过期时 配置文件会显示 此配置文件已过期 请更新此配置文件以获取更新版本 并显示 更新配置文件 按钮 然而 单击此按钮只会告诉我 无法更新配置文件 请联系
  • 查找非零元素的索引并按值分组

    我用 python 编写了一段代码 它接受 numpy 矩阵作为输入 并返回按相应值分组的索引列表 即 输出 3 返回值为 3 的所有索引 然而 我缺乏编写矢量化代码的知识 不得不使用 ndenumerate 来完成 这个操作只花了大约9秒
  • this.href 与 $(this).attr('href')

    读完这篇文章后net tutsplus com tutorials javascript ajax 14 helpful jquery tricks notes and best practices 我得出的结论是使用这个 href更有效率
  • Google 文档的 Apps 脚本 findText()

    我正在将正则表达式搜索应用于谷歌文档带有一些 Markdown 代码块刻度 的文本 在我的文档上运行下面的代码将返回空结果 var codeBlockRegEx 3 s 3 RegEx to find lazily all text bet
  • 如何使用 build-number 插件在 Maven 中显示 SVN 版本

    如何使用内部版本号插件显示 svn 版本和时间戳 目前我有以下内容
  • iPhone将彩色图像转换为2位图像(黑白)

    我需要帮助将彩色图像转换为 黑白 而不是灰度 我如何使用 iPhone SDK 和 Core Graphics 来做到这一点 因为我相信这是可能的 这是可能的 我之前尝试过两条路径 转换为灰度 然后逐像素转换为黑白 问题是我在透明图像上没有
  • 我应该绑定什么数据类型作为查询参数以与 Oracle ODBC 中的 NUMBER(15) 列一起使用?

    我刚刚被SO问题中描述的问题所困扰绑定 int64 SQL BIGINT 作为查询参数会导致在 Oracle 10g ODBC 中执行期间出错 我正在使用 ODBC 2 将 C C 应用程序从 SQL Server 移植到 Oracle 对
  • 从函数返回多个值

    UPDATE 这是 WIP 功能 我现在的疑问是 如何调用该函数 如
  • 实体框架在克隆后附加异常

    在尝试了几种拥有体面机制的选项之后 该机制允许使用 ObservableCollections 并可以选择使用编辑窗口和绑定动态更新它们 而无需在对绑定控件进行更改时更新全局集合 到目前为止 最好的解决方案似乎是be 克隆实体 分离旧实体
  • 为什么我在尝试访问没有任何条款的taxonomy.php 页面时收到 404 错误(Wordpress 看不到分类页面)

    我正在尝试创建分类页面 因此我使用分类法taxonomy nowe php 创建了分类法 但我的 WP 看不到该页面 或者我弄乱了重写 URL 有人可以检查我的代码并看看我是否做错了什么 我通过保存平原来刷新永久链接 然后返回到帖子名称永久
  • 当变量未定义时跳过 Ansible 任务

    我在剧本中有以下任务 name task xyz copy src item dest tmp item with items y z when y z is defined y z未定义 因此我希望跳过该任务 相反 我收到 FAILED
  • 如何在 COCOS2d Android 中使用 CClistview?

    我正在开发一个cocos2d 游戏 在这个游戏中 我必须按级别显示分数 Level Score 1 500 2 600 3 900 我想在我的游戏中使用 cclistview 有谁知道 cclistview 以及它在 Android coc
  • Umbraco Archetype 渲染图像 (MediaPicker 2)

    我正在使用 Umbraco 中的 Archtype 构建图像滑块 当我开始这个时 我正在使用 umbraco 7 5 9 和 Umbraco MediaPicker 但同时我使用最新版本的 Umbraco 7 6 2 启动了一个新项目 该项