Umbraco 显示使用剃刀从图像裁剪器创建的图像答案

【问题标题】：Umbraco display images created from image cropper using razorUmbraco 显示使用剃刀从图像裁剪器创建的图像
【发布时间】：2013-01-10 21:15:17
【问题描述】：

如何显示使用图像裁剪器数据类型创建的图像？

例如，我上传了一个 image1.jpg，其中包含 3 个名为 thumb、featured 和 main 的图像裁剪。

如何显示使用 Razor 创建为拇指的图像？

【问题讨论】：

标签： c# asp.net razor umbraco

【解决方案1】：

我已经完成了这项工作，不确定这是最佳做法，但现在可以完成这项工作。

<img src="@Library.Concatenate(mFile.umbracoFile.Split('.')[0], "_thumb.jpg")" />

以上内容获取媒体项目的文件名，去掉文件扩展名，并使用库助手将其连接到裁剪后的图像名称。在这种情况下，裁剪后的名称是 thumb，因此添加下划线和裁剪后的名称会解析生成的图像。

裁剪后的图像在服务器上的 Umbraco 中生成，格式如下：

文件名 - 文件扩展名 + 下划线 + 裁剪后的名称 + 文件扩展名

【讨论】：

【解决方案2】：

以下内容应为您指明正确的方向。 Image Cropper 是标准的 Umbraco 数据类型，因此它支持访问作物，您可以通过作物名称找到它们：

var mediaItem = Library.MediaById(Model.Thumbnail);
var img = mediaItem.crop.Find("@name", "thumbnail");

if (img != null)
{
    <img src="@img.url" />
}

希望对你有帮助。

【讨论】：

我可能应该提请您注意图像上 url 属性的大小写，它是小写“u”，与使用大写“U”属性的内容不同 - 令人困惑且不一致，但它有之前抓到我了。