cropperjs работает, но показывает дублированные изображения - PullRequest
0 голосов
/ 17 апреля 2019

Я использую cropperjs для обрезки изображения. Моя функция обрезки выглядит так:

function GestionCropEventPhoto(CtrlID) {
$('#' + CtrlID + '_event_img').cropper({
    aspectRatio: 1,
    autoCropArea: 1,
    crop: function (e) {
        var json = [
            '{"x":' + e.x,
            '"y":' + e.y,
            '"height":' + e.height,
            '"width":' + e.width,
            '"rotate":' + e.rotate + '}'
        ].join();
    }
});

var Values = {}
Values["eventid"] = $('#' + CtrlID + '_PEventID_HF').val();
$('#' + CtrlID + '_fileupload', this.el).fileupload({
    url: gestionPath + "/App_Dynamic/WS_Gestion.asmx/UploadedEventPhoto",
    autoUpload: true,
    type: 'POST',
    dataType: 'json',
    submit: function (e, data) {
        data.formData = Values;
    },
    start: function (e) {
        $('#' + CtrlID + '_fileupload_P').css('width', '0%');
    },
    progressall: function (e, data) {
        var progress = parseInt(data.loaded / data.total * 100, 10);
        $('#' + CtrlID + '_fileupload_P').css('width', progress + '%');
    },
    done: function (e, data) {
        if (data.jqXHR.responseText || data.result) {
            var JSONjQueryObject = (data.jqXHR.responseText) ? jQuery.parseJSON(data.jqXHR.responseText) : data.result;
            if (JSONjQueryObject.Value._IsError) {
                ShowErrorMessage('DONE:' + JSONjQueryObject.Value._errorMSG);
            } else {
                $('#' + CtrlID + '_event_img').cropper.('replace', JSONjQueryObject.Value._name)
            }
        }
    },
    fail: function (e, data) {
        ShowErrorMessage('Error: ' + data.jqXHR.responseText);
    }
});

Теперь я считаю, что последнее «еще» в разделе «готово», где я использую кроппер («заменить», ...), является причиной проблемы. Ребята, вы можете мне помочь?

1 Ответ

0 голосов
/ 18 апреля 2019

Я нашел решение! cropperjs не был включен в качестве таблицы стилей на моем сайте. Мастер -___-

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...