Using Croppic Plugin !!!

Using Croppic Plugin !!!

  2. var croppicHeaderOptions = {
  3. doubleZoomControls:false,
  4. rotateControls:false,
  5. cropUrl:'/Web_Service/ImageUpload.php',
  6. cropData:{
  7. "ID":localStorage.getItem('Id'),
  8. "token":localStorage.getItem('token')
  9. },
  10. customUploadButtonId:'cropContainerHeaderButton',
  11. modal:false,
  12. imgEyecandy:true,
  13. imgEyecandyOpacity:0,
  14. processInline:true,
  15. loaderHtml:'<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ',
  16. onBeforeImgUpload: function(){ console.log('onBeforeImgUpload') },
  17. onAfterImgUpload: function(){ console.log('afterImageUpload') },
  18. onImgDrag: function(){ console.log('onImgDrag') },
  19. onImgZoom: function(){ console.log('onImgZoom') },
  20. onBeforeImgCrop: function(){ console.log('onBeforeImgCrop') },
  21. onAfterImgCrop:function(){ 
  22. $.post('SendingData.php',{ID:localStorage.getItem('Id'),token:localStorage.getItem('token'),imgurl:imgUrl,imgx:imgX1,imgy:imgY1,croph:cropH,cropw:cropW},function(){
  24. },'json');
  25. },
  26. onError:function(errormessage){ console.log('onError:'+errormessage) }
  27. }
  28. var croppic = new Croppic('croppic', croppicHeaderOptions);

croppic.net

how can i get values of imgUrl, imgx1, imgy1,cropH and cropW values after the image crop is done, 
the link of website plugin is  http://www.croppic.net/