@supportitc

Как отправить на PHP обрезаное фото с помощью JS плагина «Cropper»?

Есть форма вывода изображения:

<div style="height: 400px;">
<img id="image" src="' .$uploadfile. '" id="avatar">
</div>

<button id="gocrop">Сохранить фото</button>


И скрипт вызова плагина:

var $image = $('#image');

$image.cropper({
  aspectRatio: 1800 / 1800,
  crop: function(event) {
    console.log(event.detail.x);
    console.log(event.detail.y);
    console.log(event.detail.width);
    console.log(event.detail.height);
    console.log(event.detail.rotate);
    console.log(event.detail.scaleX);
    console.log(event.detail.scaleY);
  }
});

// Get the Cropper.js instance after initialized
var cropper = $image.data('cropper');


По итогу получается:
5dec790f497f7779921818.png

И теперь неочень понятно как отправить обрезаное фото в квадрате на PHP пост запросом .
  • Вопрос задан
  • 474 просмотра
Пригласить эксперта
Ответы на вопрос 1
FeNUMe
@FeNUMe
Пожалуй самый простой способ это закодировать результирующий canvas в base64
canvas.toDataURL()
и отправить его на сервер как любые текстовые данные, а там уже декодировать в изображение средствами бекенда.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы