画像クロッパー データ型を使用して作成された画像を表示するにはどうすればよいですか?
例として、image1.jpg をアップロードするとします。これには、thumb、featured、main という名前の 3 つの画像クロップが含まれています。
Razor を使用して親指として作成された画像を表示するにはどうすればよいですか?
私はこれを機能させました。それがベストプラクティスかどうかはわかりませんが、今のところはうまくいきます。
<img src="@Library.Concatenate(mFile.umbracoFile.Split('.')[0], "_thumb.jpg")" />
上記は、メディアアイテムのファイル名を取得し、ファイル拡張子を取り除き、ライブラリヘルパーを使用してトリミングされた画像名に連結します。この場合、トリミングされた名前は親指でした。したがって、アンダースコアとトリミングされた名前を追加すると、生成された画像が解決されます。
トリミングされた画像は、サーバー上のUmbraco内で次の形式で生成されます。
ファイル名-fileextension+アンダースコア+croppedname+ fileextension
以下は、あなたを正しい方向に向けるはずです。Image Cropper は標準の Umbraco データ型であるため、作物にアクセスするためのサポートがいくつかあります。作物名で見つけることができます。
var mediaItem = Library.MediaById(Model.Thumbnail);
var img = mediaItem.crop.Find("@name", "thumbnail");
if (img != null)
{
<img src="@img.url" />
}
それが役立つことを願っています。