Archives du tag: ajax

reverse engineering

[php jQuery] upload en ajax

20 novembre 2009 – 13 h 41 min

Soit 2 pages, l’une avec un formulaire d’upload (nommée index.html) et la seconde pour traiter les fichier envoyés (nommée traiter.php)

Dans la partie , on insère les appels aux js ainsi que le script d’upload. Ici on l’appelle via une méthode Jquery mais il est possible de le faire via prototype.

1
2
3
4
5
6
7
8
9
10
11
12
13

$(document).ready(function(){
	var a_envoyer = $('#le_morceau_qui_va_bien'), interval;
	new AjaxUpload(a_envoyer,{
		action: 'traiter.php', 
		name: 'nom_du_champ_php',
		onSubmit : function(file, ext){
		// fonction quand le fichier vient d'être validé (affichage d'un gif animé ou autre)
		},
		onComplete: function(file, response){
		// fonction quand le fichier a été uploadé				
		}
	});
});

Dans la partie on retrouve là où sera l’emplacement de notre formulaire d’upload avec un simple bouton (pour l’exemple, mais on peut remplacer par une image ou autre)

1

	<div id="le_morceau_qui_va_bien"><input type="button" value="Choisir un fichier" /></div>

Pour le post traitement de notre fichier par le script php, on utilisera

1
2

// le fichier de l'upload...
$_FILES['nom_du_champ_php']['tmp_name'];
Tagué , , , | Commentaires fermés