如何在cropit中上传裁剪的图像

Question

使用一个小裁剪图像应用程序。 I am using cropit for that.代码如下所示：

  <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为例。 Here was some sort of solution,但也许有一个更简单的解决方案。或者至少有人可以告诉我应该在这些解决方案中挖掘更多有关php，ajax等的内容。

提前致谢！