Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jcrop & Refresh (https://javascript.ru/forum/jquery/43991-jcrop-refresh.html)

Exorcist 30.12.2013 13:50

Jcrop & Refresh
 
Всем привет.
Загружаю изображения ajax'ом, и могу их кропить Jcrop.
Когда загружаю изображение других соотношений, то новое адаптируется под размер старого и искажается визуально. Если убрать Jcrop, то все отлично. destroy не помогает.
/* Jcrop Start */
    var x1, y1, x2, y2;
    var  jcrop_api;


    $('#currentImage').Jcrop({
        onChange: showCoords,
        onSelect: showCoords,
        aspectRatio: 315 / 144,
        minSize: [315, 144 ]
    },function(){
        jcrop_api = this;
    });

    $('#release').click(function(e) {
        $('#isCrop').val(0);
        jcrop_api.release();

    });

    /* Jcrop End */

    $("#loadImage").click(function () {
        jcrop_api.destroy();
        var formData = new FormData($('#newsForm')[0]);

        $.ajax({
            url: 'admin.php?r=admin/picture/load',
            type: 'POST',
            data: formData,
            dataType: 'json',
            async: false,
            success: function (data) {

                $("#currentImage").attr('src', data.imageUrl);
                $("#imageUrl").val(data.imageUrl);
                $(".jcrop-holder").remove();
                $('#currentImage').Jcrop({
                    onChange: showCoords,
                    onSelect: showCoords,
                    aspectRatio: 315 / 144,
                    minSize: [315, 144 ]
                });
            },
            cache: false,
            contentType: false,
            processData: false
        });

        return false;
    });

<span class="btn btn-default btn-file">Выберите файл <?php echo $form->fileField($model, 'image'); ?></span>
                <input type="hidden" id="imageUrl" name="News[newimage]" <?php if($model->image) echo 'value="'.$model->image.'"'; ?>>
                <button id="loadImage" class="btn btn-info" onclick="return(false)">Загрузить</button>
                <button id="release" class="btn btn-warning" onclick="return(false)" >Отменить выделение</button>

Exorcist 31.12.2013 11:29

Ни у кого нет идей?


Часовой пояс GMT +3, время: 00:38.