проблемы с "урожай на лету" в cropper.js

Question

привет, есть некоторые проблемы с "подрезать на лету" в плагине cropper.js

function cropPreview(img) {
            var $toCrop = $(img);
            $toCrop.cropper({
                autoCropArea: 0.1,
                viewMode: 3,
                strict: true,
                guides: false,
                zoomable: false,
                dragMode: 'none',
                highlight: false,
                cropBoxResizable: false,
                minCropBoxWidth: 204,
                minCropBoxHeight: 140,
                minCanvasHeight: 140,
                minCanvasWidth: 204,
                ready: function () {
                        var canvas = $toCrop.cropper('getCroppedCanvas');
                        img.src    = canvas.toDataURL("image/jpeg");
                        img.setAttribute('data-cropped', true);
                        $toCrop.cropper('destroy');
                }
            });
        }

в браузере Chrome 90 процентов изображений выглядят как обрезка как черный квадрат.этот метод называется ajax

$.ajax({
            url: '/create-adv/save-tmp-image',
            data: fd,
            processData: false,
            contentType: false,
            type: 'POST',
            success: function (data) {
                var $obj = $.parseJSON(data);
                cropPreview(addUplImgToList($obj.image_data));
            },
        });
function addUplImgToList(img_src) {
        var img = document.createElement('img');
        img.src = img_src;
        img.setAttribute('data-src', img_src);
        img.setAttribute('data-main', img_src);
        img.onload = function (e) {
            $('.img-loader-input').remove();
        }
        return img;
    }

для настольного компьютера. Я исправил эту проблему с помощью тайм-аута, но для мобильных устройств он все еще существует.

PS Извините за мой ужасный английский)