[AJAX] upload dans un formulaire

**newto0** · 27/03/2009, 14h02

Bonjour,

j'ai un souci sur un formulaire avec type=file pour un upload d'image

photo.php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<head>
<script type="text/javascript" src="jquery-1.1.3.1.pack.js"></script>
<script type="text/javascript">
 
jQuery(document).ready(function(){
 
	$('#photoform').submit(function(){
 
		var action = $(this).attr('action');
 
		$('#submit')
			.before('<img src="loader.gif" class="loader" />')
			.attr('disabled','disabled');
 
		$.post(action, { 
			nom: $('#nom').val(),
			message: $('#message').val(),
			fichier: $('#fichier').val()
 
		},
			function(data){
				$('#photoform #submit').attr('disabled','');
				$('.response').remove();
				$('#photoform').before('<span class="response">'+data+'</span>');
				$('.response').slideDown();
				$('#photoform img.loader').fadeOut(500,function(){$(this).remove()});
				if(data=='Message sent!') $('#photoform').slideUp();
			}
		);
 
		return false;
 
	});
 
});
 
</script>
</head>
<form id="photoform" action="photo_valid.php" target="upload_iframe" method="post" enctype="multipart/form-data">
 
 
<iframe id="upload_iframe" name="upload_iframe" style="display:none;"></iframe>
<input id="nom" name="nom" class="text" />
<input type="file" name="fichier" />

dans photo_valid.php je ne recoit pas $_FILES['fichier'];

merci pour les idees

**RomainVALERI** · 27/03/2009, 14h28

Une solution de débuggage est toute adaptée à ta situation, je ne sais pas si tu la connais : tu peux examiner les requêtes que le navigateur envoie au serveur (par exemple en utilisant cet add-on de FF3).
Ca te permettra de voir le contenu effectif de la chaine envoyée par le formulaire ça peut aider ^^

Autre chose : je ne pratique pas encore vraiment jQuery et j'ai un doute sur la manière dont tu fais référence à ton élément <input type=file>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
fichier: $('#fichier').val()

L'élément n'a pas d'id mais tu y accèdes pourtant avec un "#" : pourquoi ne pas ajouter un id="fichier" à ton élément ? (je ne sais pas pourquoi j'ai toujours évité autant que possible de me reposer sur la seule propriété "name"...

)

**newto0** · 27/03/2009, 14h46

Id="fichier" est bien la juste un oubli dans le post

**Bovino** · 27/03/2009, 15h02

jQuery est là pour simplifier la syntaxe (et il le fait bien

) mais par pour faire des miracles !
Le value d'un input de type file est readonly, et cela quel que soit le framework utilisé, c'est une question de sécurité et c'est tant mieux.
Le SEUL moyen d'envoyer un fichier est de soumettre le formulaire.

**newto0** · 27/03/2009, 15h06

quel est la parade alors ?

**newto0** · 27/03/2009, 17h45

Solution

http://www.jquery.info/spip.php?article60

[AJAX] upload dans un formulaire

AJAX

Vue hybride

Discussions similaires

Partager

Partager