Création
d'entreprise
Posez votre question Signaler

Multipart/form-data en jquery

rodriguemarly 930Messages postés 27 mars 2008Date d'inscription 14 novembre 2011Dernière intervention - Dernière réponse le 1 févr. 2011 à 14:20
Bonjour,
Je viens de crée un formulaire d'inscription qui appelé une page ( include/inscriptions.php )
en fesant un print_r($_POST); sa me renvoie bien le tableau avec toute les valeur qui sont entré dans le formulaire mais dans le formulaire d'inscription il y a un input type fille donc en html je doit mètre enctype="multipart/form-data" mais en jquery es que sa l'ajoute automatiquement ?
Si non comment faire ?
Merci d'avance ;)
Formulaire simplifier :
<form method="post" action="inscription-ok.php" id="formulaire_inscriptions" enctype="multipart/form-data">

<p>Votre pseudo :<input name="pseudo" type="text" onkeyup="verifPseudo(this.value)" maxlength="20" class="submit" style="margin-left:50px;"/> <span id="pseudo"></span></p>
<p>Votre photo :<input name="fichier" id="fichier" type="file" style="background:#0098ff;margin-left:59px;"/> <span id="fichier_1"></span></p>
<p><input type="submit" value="S'inscrire" class="submit" style="margin-left:70px;"/></p></form>

Le code jquery qui envoie le formulaire
$(function(){ // Formulaire inscriptions
	$("#formulaire_inscriptions").submit(function(){
		$("#loader").show();
		pseudo = $(this).find("input[name=pseudo]").val();
		email = $(this).find("input[name=email]").val();
		mot_de_passe = $(this).find("input[name=mot_de_passe]").val();
		sexe = $(this).find("select[name=sexe]").val();
		code_postal = $(this).find("input[name=code_postal]").val();
		date1 = $(this).find("select[name=date1]").val();
		date2 = $(this).find("select[name=date2]").val();
		date3 = $(this).find("select[name=date3]").val();
		fichier = $(this).find("input[name=fichier]").val();
		$.post("include/inscriptions.php",{pseudo: pseudo,email: email,mot_de_passe: mot_de_passe,sexe: sexe,code_postal: code_postal,date1: date1,date2: date2,date3: date3,fichier: fichier},function(data){
			if(data!="ok"){
				document.getElementById("error").innerHTML = (data);
				$("#error").slideDown("slow");
				$("#loader").hide();
			}
			else{
				$("resultat_inscription").hide();
				document.getElementById("resultat_inscription").innerHTML = "<div class=\"les_commentaires\"><div class=\"les_commentaires_2\" style=\"text-align:center;\">Vous êtes maintenant inscrit sur le site.</div></div>";
				$("resultat_inscription").slideDown();
				$("#ajouter_commentaires").slideUp();
				$("#loader").hide();
			}
		});
	return false;
	});
});
Lire la suite 

Multipart/form-data en jquery »

3 réponses
Réponse
+2
moins plus
$( "#formulaire_inscriptions" )
.attr( "enctype", "multipart/form-data" )
.attr( "encoding", "multipart/form-data" )
;
Ajouter un commentaire
Réponse
+1
moins plus
Salut,

Avant tout, tu peux utiliser $("#formulaire_inscriptions").serialize(); pour récupérer l'ensemble des valeurs de ton formulaire.
Ajouter un commentaire
Réponse
+0
moins plus
up :$
Ajouter un commentaire
Ce document intitulé « multipart/form-data en jquery » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?