将带有jcrop的表单发送到数据库

Question

我有一个带有4个文本框的表格和一个使用jcrop的裁剪图像的div。我如何将此表格发送到数据库以存储4个文本框值和裁剪的图像。 '''

<form action="" method="POST" >
<div class="simple-cropper-images">

  <input type="text" name="fname" placeholder="name"></br></br>
  <input type="text" name="lname" placeholder="family "></br></br>
  <input type="text" name="phone" placeholder="phone"></br></br>
  <input type="email" name="email" placeholder="email"></br></br>
  <!--start image croper -->
  <div class="cropme" style="width: 405px; height: 200px;"></div></br></br>
   <!--end of image croper div -->
  <input type="submit" name="btn" value="send">
</form>
  <div class="clear"></div>
  <script>
    // Init Simple Cropper
    $('.cropme').simpleCropper();
  </script>



</div>

'''