If I go and edit the crop. The image renders afterwards. It seems you dont get a default crop?

I don't see this behaviour in v. 7.

I'm using umbraco 8. How is the idea of how to solve this problem?

It looks like a bug in V8. I've added a github issue for this. https://github.com/umbraco/Umbraco-CMS/issues/5737

I was also facing the same problem. However when I reset the focus point in each of the images it started showing.

This code works:

@testimonial.Image.GetCropUrl("Testimonial")

I agree with Christian. It works after focal point change.

Hi Guys,

Yeah I agree. I have tested this loads and like a few mentioned above the crop doesn't work unless you go into the media section click on the image and edit the crop on the image.

It didn't work like this with Umbraco 7. It seems to be a bug that has been introduced into Umbraco 8.

I think I logged a bug for this a while ago.

It's a really frustrating but. I have become reliant on the cropper with all my projects. It worked amazingly in Umbraco 7. It's sort of become unusable at the member but I might trying and follow the recommendation above and manually set this.

I was also thinking I could write an extension method to heck of there is no crop set then use a fallback setting if not. That way we might be able to get best of both worlds making this hack more useful.

I will see how it goes.

Regards

David

I came across this today in a site I'm migrating from 7 to 8.14.

Here is the extension method I wrote to handle it:

using Umbraco.Core.Models;
using Umbraco.Core.PropertyEditors.ValueConverters;

public static class ExtensionMethods
{
    /// <summary>
    /// Returns the url for a named crop, if present, otherwise just returns the image src url
    /// </summary>
    /// <param name="CropperValue">ImageCropperValue</param>
    /// <param name="CropAlias">Alias of the desired crop</param>
    /// <param name="ImageUrlGenerator">If possible, use 'Current.ImageUrlGenerator' (null works, but is obsoleted in Umbraco 8)</param>
    /// <returns>Ready-to-Use Image Url</returns>
    public static string GetCropOrSrcUrl(this ImageCropperValue CropperValue, string CropAlias,
        IImageUrlGenerator ImageUrlGenerator = null)
    {
        var src = CropperValue.Src;
        string cropInfo;

        if (ImageUrlGenerator != null)
        {
            cropInfo = CropperValue.GetCropUrl(CropAlias, ImageUrlGenerator);
        }
        else
        {
            cropInfo = CropperValue.GetCropUrl(CropAlias);
        }

        if (string.IsNullOrEmpty(cropInfo))
        {
            //No crop info found, return original src
            return src;
        }
        else if (cropInfo.StartsWith("?"))
        {
            //src url is missing (Umbraco 8 bug)
            return src + cropInfo;
        }
        else
        {
            return cropInfo;
        }
    }
}

Use it in a view like this:

var imgUrl = Model.MyImageProperty.GetCropOrSrcUrl("MyCrop", Current.ImageUrlGenerator);

I ended up here, because I had the same issue as the OP. Since none of the answers seemed to solve my issue, I will post my solution to the problem.

This doesn't work:

var imageUrl = item.Value<IPublishedContent>("ImageName").GetCropUrl("ImageCropName");

Nor does this (for obvious reasons):

var image = item.Value<IPublishedContent>("ImageName");
var imageUrl = image.GetCropUrl("ImageCropName");

With explicit cast it does work:

var image = opleiding.Value<IPublishedContent>("ImageName") as MediaWithCrops;
var imageUrl = image.GetCropUrl("ImageCropName");

Notice the "as MediaWithCrops" at the end of the first line. So I wrote my own extension method:

public static string CroppedImageUrl(this IPublishedContent model, string imagePropertyName, string imageCropName)
{
    var image = model.Value<IPublishedContent>(imagePropertyName) as MediaWithCrops;
    return image?.GetCropUrl(imageCropName);
}

Or like this, if you will:

public static string CroppedImageUrl(this IPublishedContent model, string imagePropertyName, string imageCropName) =>
        (model.Value<IPublishedContent>(imagePropertyName) as MediaWithCrops)?.GetCropUrl(imageCropName);

is working on a reply...