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> |
Ни у кого нет идей?
|
Часовой пояс GMT +3, время: 00:38. |