Je suis coincé depuis quelques jours sur un système d'upload d'images...
Mon index récupère l'image et l'envoie vers un script php, qui redimentionne, renomme et charge l'image sur le serveur.
Le script PHP renvoie à mon index "success" si la manoeuvre c'est bien passé ainsi que "imagemini" qui est le chemin de mon image (ce qui a pour but de l'afficher instantanément dans mon index) et "img1" que je place en valeur dans un input de type hidden (grace à mon jQuery) à l'intérieur d'un formulaire qui lui renvoie vers un autre fichier php qui receptionne le tout par la méthode _POST.
Jusqu'à là tout ce passe bien, puisqu'en vérifiant avec Firebug, j'obtiens bien la création d'un input caché avec en valeur, le nom de mon image. Le problème étant, que lors ce que je valide le formulaire et que je fais un echo de _POST['img1']; j'obtiens un champ vide !
Voici mon code qui créé l'input :
J'ai un léger doute sur la façon de faire, mais dans ma logique cela devrait fonctionner
Un grand merci par avance pour votre aide !
Mon index récupère l'image et l'envoie vers un script php, qui redimentionne, renomme et charge l'image sur le serveur.
Le script PHP renvoie à mon index "success" si la manoeuvre c'est bien passé ainsi que "imagemini" qui est le chemin de mon image (ce qui a pour but de l'afficher instantanément dans mon index) et "img1" que je place en valeur dans un input de type hidden (grace à mon jQuery) à l'intérieur d'un formulaire qui lui renvoie vers un autre fichier php qui receptionne le tout par la méthode _POST.
Jusqu'à là tout ce passe bien, puisqu'en vérifiant avec Firebug, j'obtiens bien la création d'un input caché avec en valeur, le nom de mon image. Le problème étant, que lors ce que je valide le formulaire et que je fais un echo de _POST['img1']; j'obtiens un champ vide !
Voici mon code qui créé l'input :
onComplete: function(file, response){
response = jQuery.parseJSON(response);
status.text('');
if(response.retour==="success"){
$('<div></div>').appendTo('#image1').html('<img src="./imageAnnonce/thumbs/'+response.name+'/mini/'+response.imagemini+'" alt="" class="imgUpload" /><input type="hidden" name="img1" value="'+response.imageGrande+'" />').addClass('success1');
$("#blocimage1").css("background","#d43302");
$("#upload1").remove();
} else{
$('<div></div>').appendTo('#files').text(file).addClass('error');
}
}
J'ai un léger doute sur la façon de faire, mais dans ma logique cela devrait fonctionner
Un grand merci par avance pour votre aide !