Crop depois do upload da imagem

[MasterK 0]

Olá galera do fórum estava tentando fazer um script de upload de imagem com uma função que não achei em lugar nenhum até o momento, trata-se de dar um upload na imagem e depois que ela terminar o upload ela aparece abaixo do formulário já com a função crop feita, e quando eu clicar na imagem ela me da a opção de editar o crop, vou colocar algumas imagens para ficar melhor a explicação.

 

 

Na imagem acima aparece a imagem que foi upada já com o crop feito e quando clico nela me da a opção de atualizar o crop desta imagem como a foto abaixo:

 

 

Então após eu alocar o crop dou dois cliques e atualizo a imagem, tudo isso sem precisar dar refresh na página, eu consegui fazer o upload mas sou péssimo com jquery, ajax e javascript então estou aqui para pedir uma luz a vocês, desde já agradeço :D

[MasterK 0]

Bom estive focado nisso e consegui um bom progresso vou atualizar o post eu consegui fazer o upload da imagem e quando clico nela aparece a opção do crop após a realização do crop aparece a imagem cropada ao lado da imagem original, porém não estou conseguindo fazer com que o crop saia da imagem original segue o código javascript...

		<script type="text/javascript">
			$(document).ready(function(){
				var img = '<?php echo $foton; ?>';
					$('#cropbox').removeClass('.jcrop_target');

					$('.jcrop_target').Jcrop({
						onChange: showCoords,
						onSelect: showCoords,
						minSize : [ 300, 200 ],
						maxSize : [ 300, 200 ]
					});
					
					$('#btn-crop').click(function(){
						$.post( 'crop.php', {
							img:img, 
							x: $('#x').val(), 
							y: $('#y').val(), 
							w: $('#w').val(), 
							h: $('#h').val()
						}, 
						
						function(){
							$('#div-jcrop').html( '<img src="fotos/crop/'+ img + '?' + Math.random() + '" width="'+$('#w').val()+'" height="'+$('#h').val()+'" />' );
							
						});
						return false;
					});
				
				function showCoords(c){
					$('#x').val(c.x);
					$('#y').val(c.y);
					$('#x2').val(c.x2);
					$('#y2').val(c.y2);
					$('#w').val(c.w);
					$('#h').val(c.h);
				};				
			});
        </script>

[MasterK 0]

Resolvido <3