cropperjs 有效但显示重复的图像

Question

我正在使用 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);
    }
});

现在，我认为 'done' 部分中我使用 cropper('replace', ...) 的最后一个 'else' 是造成问题的原因。你们能帮帮我吗？

Answer 1

我找到了解决方案！

cropper.js 没有作为样式表包含在我的 Site.Master.

中

cropperjs 有效但显示重复的图像

cropperjs works but shows duplicated images

cropperjs