écrasement d'image après modification

[guitariste85]

bonjour tout le monde
alors je parcours le net depuis un moment sans avoir de réel réponse donc bon j'ai choisi donc de vous exposer mon problème
je fait une appli web avec php et jquery qui consiste a modifier les images comme on le souhaite. Donc je fait mon upload d'image sans problème je la stocke dans un dossier temp dans le dossier image pour la modifier sans que cela soit irréversible.le problème c'est que quand je change d'outil de modification par exemple du changement de taille à un recadrage je suis obliger d'écraser l'image du dossier temp mais je n'y arrive pas et je vois pas du tout comment faire voici le code pour l'upload qui se trouve dans un formulaire:

Code :

1
2
3
4
5
6
<?php
						$uploads_dir = './images/temp/';
						$nom_fichier = $_FILES["imageAmodif"]["tmp_name"];
						$nom_destination = $uploads_dir.$_FILES["imageAmodif"]["name"];
						move_uploaded_file($nom_fichier, $nom_destination);	
					?>

ensuite je la récupère avec le jquery pour la modification d'image avec ce code (pour le redimensionnement par exemple):

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
var img=$('#affichageImage').val();
/envoi vers apercu.php et affichage de l'image 
	$.post (
		"apercu.php", {tools:"resize", image:img},
		function success(data) {
//image
			$("#zoneTravail").html(data);
//conteneur de l'image avec affichage des coordonnées du curseur
			$("#zoneImage").mousemove(function(e){ 
				var pos = $("#zoneImage").offset();
				document.getElementById("curseurx").innerHTML=parseInt(e.pageX-pos.left);
				document.getElementById("curseury").innerHTML=parseInt(e.pageY-pos.top);
			});
//applique la propriété "resizable" a l'image                          	
			$( "#resizable" ).resizable({            			
				aspectRatio: true,                    			    
				resize : function(event, ui) {
//recuperation de la largeur et de la hauteur pdt la redimension
					document.getElementById("w").innerHTML= parseInt(ui.size.width) +' px';
					document.getElementById("h").innerHTML= parseInt(ui.size.height)+' px';
					$('#widthhidden').val(parseInt(ui.size.width));
					$('#heighthidden').val(parseInt(ui.size.height));                                
				}
			});                               
		}
	);

mais ensuite je ne vois pas du tout comment écrasé parce que refaire un submit c'est pas du tout ergonomique j'ai essayé ça pour le moment dans un fichier php à pars :

Code :

1
2
3
4
5
6
7
8
<?php
	$vars = array_merge ($_GET, $_POST);
	$uploads_dir = './images/temp/';
	$nom_fichier = $_FILES["imageAmodif"]["tmp_name"];
	$nom_destination = $vars['img'];
	$test = $nom_fichier;
	move_uploaded_file($nom_fichier, $nom_destination);	
?>

mais la variable nom_fichier est vide et la je sèche complétement.
please help