Bonjour,

J'ai un script d'Upload avec une progressbar malheureusement ce script affiche le résultat avec un xhr.responseText et je voudrais qu'il recharge la page avec les infos $_FILES.

ci-joint le formulaire index.php
Code html : 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
<div id="main">
  <form id="uploadForm" action="index.php?lang=<?php echo $lang; ?>" method="POST" enctype="multipart/form-data">
 
      <input id="uploadImg" name="image" type="file" accept=".jpg,.png,.gif,image/png,image/jpg,image/gif">
 
      <input type="submit" name="Submit" value="Charger le fichier">
 
  </form>
  <div id="uploadProgress">
    <h1>Chargement...</h1>
    <div id="uploadProgressBar" class="progressBar"><span style="width: 0%"></span></div>
    <p id="uploadProgressPercent"></p>
  </div>
  <!--uploadProgress-->
  <div id="uploadResult">
    <h1>Resultat</h1>
    <p></p>
  </div>
  <!--uploadResult-->
</div>


le code javascript

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
$(document).ready(function(){
	$("#uploadForm").ajaxForm({
		// attache l'événement au formulaire.
		beforeSend: function(){
			// avant l'envoi du fichier
			$("#uploadProgressPercent").html("Chargement en cours");
			$("#uploadResult").fadeOut(400, function(){
				$("#uploadProgress").fadeIn();
			});
		},
		uploadProgress: function(event, position, total, percent){
			// pendant l'envoi du fichier
			$("#uploadProgressBar > span").width(percent+'%');
			$("#uploadProgressPercent").html(percent+'%');
		},
		success: function(){
			// après l'envoi du fichier
			$("#uploadProgressBar > span").width('100%');
			$("#uploadProgressPercent").html("Chargement terminé");
		},
		complete: function(xhr){
			// l'envoi du fichier est terminé
			$("#uploadResult > div").html(xhr.responseText);
			$("#uploadProgress").fadeOut(400, function(){
				$("#uploadResult").fadeIn();
			});
		}
	});
});
dans cette même page en haut de la page j'ai mis
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
$nomPhoto = $_FILES['image']['name'];

et après je traite les infos du fichier uploadé, je ne connais pas encore bien javascript/ajax. je sais qu'il faut mettre responseXML mais je n'arrive pas a le mettre en place correctement.

merci de votre aide, soyez indulgent je débute...