ajouter fichiers attachés via popup Fermé

Question

Bonjour,

J'ai un petit souci pour ajouter des fichiers attachés dans un formulaire de contact.
Pour attacher plusieurs fichiers je sais comment faire mais je voudrais que chaque fichier attaché que le client veut ajouter se fasse via une popup et là je bloque.
Je voudrais avoir sur le formulaire un bouton "Ajouter un fichier" et lorsque le client clique dessus une popup s'ouvre. Dans la popup, j'aurais un input type file. Une fois que le fichier est choisi, le client clique sur un bouton et le fichier attaché (sans le chemin) est affiché sur la fenêtre mère (la popup étant fermée dans le même temps).

ca fait plusieurs jours que réfléchis sur la question, mais je sèche. Le gros problème, je pense, c'est le les variables php et javascript.

Merci d'avance.

tompsy · Answer

Je ne vois pas le probleme, 

Ta popup peut très bien transmettre les variables.

En gros, un onClick pour afficher la popup.
Dans cette popup, un formulaire avec la zone fichier et le bouton d'envoi.
Lorsque l'on clique, on envoie la requete (normal, formulaire) qui s'ouvre dans la meme page que la popup.
Et opur que la fenetre se ferme d'elle meme, il suffit d'un compte a rebours de 2-3 secondes et fonction de fermeture.

tophe03 · Answer

Bonjour,

Pour transmettre les fichiers à la fenêtre principale je n'ai pas de soucis. Mais à chaque fois que l'on clique sur le bouton "ajouter un fichier" dans la fenêtre principale pour faire apparaître la popup, il faut incrémenter $i afin d'obtenir un tableau de genre Fichier[$i] et c'est là que je bloque.

tompsy · Answer

Crée une table de données qui reprend tous les telechargements.
Ce sera plus facile pour les requetes.

Sinon, ajax peut permettre d'envoyer des infos d'une age (pop up) à une autre.. 

Je ne vais pas te mentir, j'ai encore du mal a comprendre ce que tu veux faire... Peut etre si tu poste ton code (ou une partie) ..

zoby44 · Answer

Salut, a vrai dire, je n'aime pas du tout les popups, je préfère l'AJAX (m'enfin le xml a rien a voir dans ce cas...)
En gros, quand tu clic sur le bouton, tu fait apparaitre un formulaire caché. Tu envoie le contenu du formulaire vers une iFrame invisible, et lorsque le fichier est bien envoyé, tu fait un callback vers la page d'origine.
Sinon il y a des solutions déjà toutes faites : https://openclassrooms.com/fr/courses
Ça reprend le même principe en ajoutant un peu de flash. Soit dit en passant, c'est très esthétique.

tophe03 · Answer

Bonjour, A vrai dire j'ai entendu parlé d'Ajax mais je ne connais pas du tout le principe. J'ai un formulaire de contact avec des inputs de type texte, textarea etc et la possibilité d'attacher plusieurs fichiers. Pour attacher un nouveaux fichier j'ai un bouton "Ajouter" qui, losqu'on clique dessus ouvre une popup. Dans cette popup, on choisit le fichier avec un input type file. Lorsqu'on valide ensuite à l'aide d'un bouton, le fichier est transmis à la fenêtre mère et la popup est fermée. Et cela à chaque fichier qu'on veut ajouter. Sur la fenêtre mère, je voudrait que les fichiers choisis apparaissent sans les chemins dans le input nommé pieces_jointes. formulaire dans la page principale : Contacter Archipel des Sciences Vous n\'avez pas répondu correctement à la question ...

Fermer la fenêtre

'." "; } else // code OK : c'est un humain { if (($nom != '') && ($email != '') && ($objet != '') && ($message != '')) { // les 4 variables sont remplies, on génère le mail $boundary = '-----=' . md5(uniqid(mt_rand())); // envoyer une copie au visiteur ? if ($copie == 'oui') { $cible = $destinataire.','.$email; } else { $cible = $destinataire; }; //entete $headers .= 'Date : '.date("D, j M Y H:i")." "; $headers .= 'MIME-Version: 1.0'." "; $headers .= 'From: '.$nom.' <'.$email.'>'." "; $headers .= 'Reply-To: '.$nom.' <'.$email.'>'." "; $headers .= 'Content-Type: multipart/mixed; boundary="'.$boundary.'"'." "; $headers .= 'X-Mailer: PHP'.phpversion()." "; // message $message = html_entity_decode($message); $message = str_replace(''',"'",$message); $message = str_replace('’',"'",$message); $message = str_replace('
','',$message); $message = str_replace('
','',$message); $msg_body = '--'.$boundary." "; $msg_body .= 'Content-Type: text/plain; charset="iso-8859-1"'." "; $msg_body .= 'Content-Transfer-Encoding: 8bit'." "; $msg_body .= " "; $msg_body .= $message." "; $msg_body .= " "; //pieces jointes $uploaddir = 'UpLoad/'; $size = 0; for ($i = 1; isset($_FILE['Fichier']['name']); $i++) { if(!$err_formulaire && strlen($_FILES['Fichier']['name'][$i-1])) { $uploadfile[$i-1] = $uploaddir.$_FILES['Fichier']['name'][$i-1]; $source[$i-1] = $_FILES['Fichier']['tmp_name'][$i-1]; if (!is_uploaded_file($source[$i-1])) { $err_formulaire =true; $mess = 'Téléchargement de '.$_FILES['Fichier']['name'][$i-1].' impossible !'; } elseif(!move_uploaded_file($source[$i-1], '../'.$uploadfile[$i-1])) { $err_formulaire = true; $mess = 'Problème de transfert de '.$_FILES['Fichier']['name'][$i-1].' !'; } else { $ext[$i-1] = explode(".", basename($_FILES['Fichier']['name'][$i-1])); switch($ext[$i][1]) { default: $file_type[$i-1] = "application/octet-stream"; break; case "gz": $filetype[$i-1] = "application/x-gzip"; break; case "tgz": $file_type[$i-1] = "application/x-gzip"; break; case "zip": $file_type[$i-1] = "application/zip"; break; case "pdf": $file_type[$i-1] = "application/pdf"; break; case "png": $file_type[$i-1] = "image/png"; break; case "gif": $file_type[$i-1] = "image/gif"; break; case "jpg": case"jpeg": $file_type[$i-1] = "image/jpeg"; break; case "txt": $file_type[$i-1] = "text/plain"; break; case "doc": $file_type[$i-1] = "application/msword"; break; case "xls": $file_type[$i-1] = "application/vnd.ms-excel"; break; case "ppt": $file_type[$i-1] = "application/vnd.ms-powerpoint"; break; case "mp3": $file_type[$i-1] = "audio/mpeg"; break; case "wav": $file_type[$i-1] = "audio/x-wav"; break; case "mpeg": case "mpg": case "mpe": $file_type[$i-1] = "video/mpeg"; break; case "mov": $file_type[$i-1] = "video/quicktime"; break; case "avi": $file_type[$i-1] = "video/x-msvideo"; break; case "htm": case "html": $file_type[$i-1] = "text/html"; break; }; $file_name[$i-1] = $_FILES['Fichier']['name'][$i-1]; $file_size[$i-1] = $_FILES['Fichier']['size'][$i-1]; $size += $file_size[$i-1]; if ($size > 1048576) { $err_formulaire = true; $mess = 'La taille des fichiers est supérieure à 1 Mo'; } else { if ($handle[$i-1] = fopen('../'.$uploadfile[$i-1], 'rb')) { $content[$i-1] = fread($handle[$i-1], $file_size[$i-1]); $encoded_attach[$i-1] = chunk_split(base64_encode($content[$i-1])); fclose($handle[$i-1]); $msg_body .= '--'.$boundary." "; $msg_body .= 'Content-type:'.$file_type[$i].';name="'.$file_name[$i-1].'"'." "; $msg_body .= 'Content-transfer-encoding:base64'." "; $msg_body .= 'Content-Disposition: attachment; filename="'.$file_name[$i-1].'"'." "; $msg_body .= " "; $msg_body .= $encoded_attach[$i-1]." "; $msg_body .= " "; } else { $err_formulaire = true; $mess = 'Problème de lecture du fichier '.$_FILES['Fichier']['name'][$i-1]; }; }; }; };// fin du if (strlen($_FILES['Fichier']['name'][$i])) };// fin du for ($i = 0; isset($_FILE['Fichier']['name'][$i])) $msg_body .= '--'.$boundary.'--'." "; // Envoi du mail if (mail($cible, $objet, $msg_body, $headers)) { echo '

'.$message_envoye.'

Fermer la fenêtre !

'." "; while ($i <= isset($_FILES['fichier']['name'])) { unlink('../'.$uploadfile[$i-1]); }; exit(); } else { if(!$err_formulaire) { $err_formulaire = true; $mess = $message_non_envoye; }; }; } else { // une des 4 variables (ou plus) est vide ... $mess = $message_formulaire_invalide; $err_formulaire = true; }; }; }; // fin du if (!isset($_POST['envoi'])) if (($err_formulaire) || (!isset($_POST['envoi']))) { // afficher le formulaire echo '

Archipel des Sciences

'." "; echo '

Envoi d\'un message à '.$name.'

'." "; echo '

'.$mess.'

'." "; echo '

Vos coordonnées'." "; echo '

'." "; echo ' Votre nom* : '." "; echo ' '." "; echo '

'." "; echo '

'." "; echo ' Votre email* : '." "; echo ' '." "; echo '

'." "; echo '

Votre message'." "; echo '

'." "; echo ' Objet* : '." "; if (($destinataire == "archipel.des.sciences2@wanadoo.fr" && $name != "archipel.des.sciences2@wanadoo.fr") || $destinataire == "archipel.des.sciences1@wanadoo.fr") { $nb1 = strlen('A l\'attention de '.$name); echo ' '." "; } else { echo ' '." "; } echo '

'." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo '

Fichiers attachés :	'." "; echo '
Votre message* :	'.stripslashes($message).'

'." "; echo '

Souhaitez-vous recevoir une copie du message ? '." "; echo ' Oui Non

'." "; echo '

Contrôle'." "; echo '

Recopiez les '.$nb.' caractères* :

'." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo ' '." "; echo '

'." "; echo '

* Les champs marqués d\'un astérisque sont obligatoires.

'." "; }; ?> popup : Ajouter un fichier '." "; echo ' d = window.parent.getElementById("attDiv");'." "; echo ' newAttach = window.parent.createElement("input");'." "; echo ' newAttach.setAttribute("type","file");'." "; echo ' newAttach.setAttribute("id","Fichier[]");'." "; echo ' newAttach.setAttribute("name","Fichier[]");'." "; echo ' newAttach.setAttribute("style","visibility:hidden");'." "; echo ' d.appendChild(newAttach);'." "; echo ' window.parent.getElementById(\'Fichier[]\').value=document.getElementById(\'Fichier\');'." "; echo ' window.close();'." "; } else { $err = 'true'; $mess = 'Veuillez ajouter un fichier'; }; }; if ($err || (!isset($_POST['attacher']))) { echo '

'.$mess.'

'." "; echo ''." "; }; ?> J'espère que ca vous aidera un peu plus Merci

tophe03 · Answer

Bonjour,

Il n'y a personne pour m'aider?

Ajouter fichiers attachés via popup

6 réponses

Discussions similaires