C# Umbraco显示使用razor从图像裁剪器创建的图像

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

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

---

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

我已经完成了这项工作，不确定这是否是最佳做法，但目前正在进行这项工作

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

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

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

---

filename-fileextension+下划线+crappedname+fileextension

以下内容应该为您指明了正确的方向。图像裁剪器是标准的Umbraco数据类型，因此它对访问裁剪具有一定的支持，您可以通过裁剪名称找到它们：

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

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

var mediateItem=Library.MediaById（Model.缩略图）；
var img=mediateItem.crop.Find（“@name”，“thumbnail”）；
如果（img！=null）
{
}

---

我希望这会有所帮助。

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