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

Question

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

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

如何使用Razor显示以拇指形式创建的图像？

Answer 1

我有这个工作，不确定这是最好的做法，但现在做的工作。

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

上面的内容采用媒体项的文件名，删除文件扩展名，并使用Library Helper将其连接到裁剪后的图像名称。在这种情况下，裁剪的名称是拇指，因此添加下划线和裁剪的名称可以解析生成的图像。

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

filename - fileextension + underscore + croppedname + fileextension

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" />
}

我希望有所帮助。