Как загрузить обрезанное изображение в кропит

Работаем над небольшим приложением обрезки изображений. Я использую кропит для этого. Код выглядит так:

  <div id="image-cropper">
<div class="cropit-preview"></div>
<input type="range" class="cropit-image-zoom-input" />
<input type="file" class="cropit-image-input" />
<script>
$('#image-cropper').cropit();
$('#image-cropper').cropit({ imageState: { src: { imageSrc } } });
</script>
<button class="export">Export</button>
<script>
$('.export').click(function() {
var imageData = $('#image-cropper').cropit('export');
window.open(imageData);
});
</script>
</div>

Теперь я пытаюсь загрузить обрезанное изображение на сервер. Используя php например. Здесь было какое-то решение, но возможно есть более простое решение. Или, по крайней мере, кто-то может сказать, где я должен копать больше о php, ajax и т. Д. Для такого рода решений.

Заранее спасибо!