Umbraco image中使用Crop URL

Posted 新西兰程序员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Umbraco image中使用Crop URL相关的知识,希望对你有一定的参考价值。

需要在Umbraco 的image中使用crop URL.首先你需要取出这个image作为IPublishedContent

有以下两种方法

第一种:

var imageId = Model.Content.GetPropertyValue<int>("image");
var image = Umbraco.TypedMedia(imageId);

第二种,如果你已经使用了Core Property Value Converters package, 你可以直接取出

var image = Model.Content.GetPropertyValue<IPublishedContent>("image");

You then need to call the GetCropUrl() method on your image. If you‘ve replaced the default Upload property with an Image Cropper property, and kept the property alias the same (umbracoFile), you can just pass in the crop alias:

var cropUrl = image.GetCropUrl("my-crop-name");

If the alias of your Image Cropper property is different to the default you will need to pass that as an additional argument:

var cropUrl = image.GetCropUrl("imageCropperAlias", "my-crop-name");

以上是关于Umbraco image中使用Crop URL的主要内容,如果未能解决你的问题,请参考以下文章

Yii Crop Image 上传使用 Ajax 问题

Vue3完善vue-image-crop-upload的使用(修改源码)

Vue3完善vue-image-crop-upload的使用(修改源码)

通过 react-image-crop 模块获取裁剪图像

Expo image-manipulator crop - 根据 facedetector 的值

[RN] React Native 使用开源库 react-native-image-crop-picker 实现图片选择图片剪裁