I'm trying to use the image cropper with the new version 7.5.4, but keep getting this error now:

at System.Threading.Tasks.Task.ThrowIfExceptional(Boolean includeTaskCanceledExceptions)
   at System.Threading.Tasks.Task.Wait(Int32 millisecondsTimeout, CancellationToken cancellationToken)
   at Umbraco.Web.WebApi.Binders.ContentItemBaseBinder`2.BindModel(HttpActionContext actionContext, ModelBindingContext bindingContext)
   at System.Web.Http.ModelBinding.ModelBinderParameterBinding.ExecuteBindingAsync(ModelMetadataProvider metadataProvider, HttpActionContext actionContext, CancellationToken cancellationToken)
   at System.Web.Http.Controllers.HttpActionBinding.<ExecuteBindingAsyncCore>d__0.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Controllers.ActionFilterResult.<ExecuteAsync>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Filters.AuthorizationFilterAttribute.<ExecuteAuthorizationFilterAsyncCore>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Filters.AuthorizationFilterAttribute.<ExecuteAuthorizationFilterAsyncCore>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Filters.AuthorizationFilterAttribute.<ExecuteAuthorizationFilterAsyncCore>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Dispatcher.HttpControllerDispatcher.<SendAsync>d__1.MoveNext()

If I replace the cropper with the Media Picker, for example, it works fine. How do I fix this? I've just upgraded to version 7.5.4 thinking it would fix it.

And the console throws this:

:19127/DependencyHandler.axd?s=L3VtYnJhY28vbGliL2pxdWVyeS9qcXVlcnkubWluLmpz…9hcmRzL2Jsb2dpbXBvcnRlci5jb250cm9sbGVyLmpzOw&t=Javascript&cdv=1958143537:8 TypeError: Cannot read property 'dataY' of undefined
    at Object.fn (:19127/DependencyHandler.axd?s=L0FwcF9QbHVnaW5zL0xlQmxlbmRlci9Db21tb24vRGly…FsL1R3aXR0ZXIvT0F1dGgvQ29udHJvbGxlcnMuanM7&t=Javascript&cdv=1958143537:213)
    at Object.$digest (:19127/DependencyHandler.axd?s=L3VtYnJhY28vbGliL2pxdWVyeS9qcXVlcnkubWluLmpz…hcmRzL2Jsb2dpbXBvcnRlci5jb250cm9sbGVyLmpzOw&t=Javascript&cdv=1958143537:10)
    at Object.$apply (:19127/DependencyHandler.axd?s=L3VtYnJhY28vbGliL2pxdWVyeS9qcXVlcnkubWluLmpz…hcmRzL2Jsb2dpbXBvcnRlci5jb250cm9sbGVyLmpzOw&t=Javascript&cdv=1958143537:10)
    at FileReader.reader.onload (:19127/DependencyHandler.axd?s=L3VtYnJhY28vbGliL2pxdWVyeS9qcXVlcnkubWluLmpz…mRzL2Jsb2dpbXBvcnRlci5jb250cm9sbGVyLmpzOw&t=Javascript&cdv=1958143537:2012)

I'm thinking it could be another package creating a conflict.

The angular error was mapped to these dependencies

angular.module("umbraco").directive('draggable', function() {
    return {
        restrict: 'A',
        scope: {
            layer: '=',
            handlerClick: '&ngClick',
            handlerMouseOver: '&ngMouseover',
            handlerMouseLeave: '&ngMouseleave',
            condition: '=',
            aspectratio: '=',
            resize: '='
        },
        link: function(scope, element, attrs) {
            scope.$watch(function() {
                return scope.layer;
            }, function(modelValue) {
                element.draggable({
                    snap: false,
                    revert: false,
                    scroll: false,
                    cursor: "move",
                    distance: 10,
                    cancel: ".text",
                    stop: function(event, ui) {
                        scope.layer.dataX = ui.position.left;
                        scope.layer.dataY = ui.position.top;
                    }
                })
                if (scope.resize) {
                    element.resizable({
                        aspectRatio: scope.aspectratio,
                        stop: function(event, ui) {
                            scope.layer.dataX = ui.position.left;
                            scope.layer.dataY = ui.position.top;
                            scope.layer.width = ui.size.width;
                            scope.layer.height = ui.size.height;
                        }
                    });
                }
                element.css({
                    'top': scope.layer.dataY,
                    'left': scope.layer.dataX,
                    'width': scope.layer.width + "px",
                    'height': scope.layer.height + "px"
                });
            });
        }
    };
});


angular.module('umbraco').controller("Umbraco.PropertyEditors.ImageCropperController", function($rootScope, $routeParams, $scope, $log, mediaHelper, cropperHelper, $timeout, editorState, umbRequestHelper, fileManager, angularHelper) {
        var config = angular.copy($scope.model.config);
        $scope.imageIsLoaded = false;
        if ($scope.model.value) {
            if (angular.isString($scope.model.value)) {
                config.src = $scope.model.value;
                $scope.model.value = config;
            } else if ($scope.model.value.crops) {
                _.each($scope.model.value.crops, function(saved) {
                    var configured = _.find(config.crops, function(item) {
                        return item.alias === saved.alias
                    });
                    if (configured && configured.height === saved.height && configured.width === saved.width) {
                        configured.coordinates = saved.coordinates;
                    }
                });
                $scope.model.value.crops = config.crops;
                if (!$scope.model.value.focalPoint) {
                    $scope.model.value.focalPoint = {
                        left: 0.5,
                        top: 0.5
                    };
                }
            }
            $scope.imageSrc = $scope.model.value.src;
        }
        $scope.crop = function(crop) {
            $scope.currentCrop = crop;
            $scope.currentPoint = undefined;
        }
        ;
        $scope.done = function() {
            $scope.currentCrop = undefined;
            $scope.currentPoint = undefined;
        }
        ;
        $scope.clear = function(crop) {
            fileManager.setFiles($scope.model.alias, []);
            $scope.imageSrc = undefined;
            if ($scope.model.value) {
                delete $scope.model.value;
            }
            var currForm = angularHelper.getCurrentForm($scope);
            currForm.$setDirty();
        }
        ;
        $scope.togglePreviews = function() {
            if ($scope.showPreviews) {
                $scope.showPreviews = false;
                $scope.tempShowPreviews = false;
            } else {
                $scope.showPreviews = true;
            }
        }
        ;
        $scope.imageLoaded = function() {
            $scope.imageIsLoaded = true;
        }
        ;
        $scope.$on("filesSelected", function(ev, args) {
            $scope.model.value = config;
            if (args.files && args.files[0]) {
                fileManager.setFiles($scope.model.alias, args.files);
                var reader = new FileReader();
                reader.onload = function(e) {
                    $scope.$apply(function() {
                        $scope.imageSrc = e.target.result;
                    });
                }
                ;
                reader.readAsDataURL(args.files[0]);
            }
        });
        $scope.model.onValueChanged = function(newVal, oldVal) {
            fileManager.setFiles($scope.model.alias, []);
        }
        ;
        var unsubscribe = $scope.$on("formSubmitting", function() {
            $scope.done();
        });
        $scope.$on('$destroy', function() {
            unsubscribe();
        });
    }).run(function(mediaHelper, umbRequestHelper) {
        if (mediaHelper && mediaHelper.registerFileResolver) {
            mediaHelper.registerFileResolver("Umbraco.ImageCropper", function(property, entity, thumbnail) {
                if (property.value && property.value.src) {
                    if (thumbnail === true) {
                        return property.value.src + "?width=500&mode=max&animationprocessmode=first";
                    } else {
                        return property.value.src;
                    }
                } else if (angular.isString(property.value)) {
                    if (thumbnail) {
                        if (mediaHelper.detectIfImageByExtension(property.value)) {
                            var thumbnailUrl = umbRequestHelper.getApiUrl("imagesApiBaseUrl", "GetBigThumbnail", [{
                                originalImagePath: property.value
                            }]);
                            return thumbnailUrl;
                        } else {
                            return null ;
                        }
                    } else {
                        return property.value;
                    }
                }
                return null ;
            });
        }
    });

Also discovered that the image cropper does not like aliases with _ (underscore).

For example: I had a property with alias Person_crops so when saving it kept giving me errors, but once I've removed the _ it worked! How lame! it took me days to figure this one out, and hope it helps anyone that has similar issues.

Error:

at System.Threading.Tasks.Task.ThrowIfExceptional(Boolean includeTaskCanceledExceptions)
   at System.Threading.Tasks.Task.Wait(Int32 millisecondsTimeout, CancellationToken cancellationToken)
   at Umbraco.Web.WebApi.Binders.ContentItemBaseBinder`2.BindModel(HttpActionContext actionContext, ModelBindingContext bindingContext)
   at System.Web.Http.ModelBinding.ModelBinderParameterBinding.ExecuteBindingAsync(ModelMetadataProvider metadataProvider, HttpActionContext actionContext, CancellationToken cancellationToken)
   at System.Web.Http.Controllers.HttpActionBinding.<ExecuteBindingAsyncCore>d__0.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Controllers.ActionFilterResult.<ExecuteAsync>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Filters.AuthorizationFilterAttribute.<ExecuteAuthorizationFilterAsyncCore>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Filters.AuthorizationFilterAttribute.<ExecuteAuthorizationFilterAsyncCore>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Filters.AuthorizationFilterAttribute.<ExecuteAuthorizationFilterAsyncCore>d__2.MoveNext()
--- End of stack trace from previous location where exception was thrown ---
   at System.Runtime.CompilerServices.TaskAwaiter.ThrowForNonSuccess(Task task)
   at System.Runtime.CompilerServices.TaskAwaiter.HandleNonSuccessAndDebuggerNotification(Task task)
   at System.Web.Http.Dispatcher.HttpControllerDispatcher.<SendAsync>d__1.MoveNext()

is working on a reply...