c# - Umbraco 显示使用剃刀从图像裁剪器创建的图像

Question

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

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

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

Answer 1

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

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

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

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

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

Answer 2

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

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

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

我希望这会有所帮助。