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
dans cette même page en haut de la page j'ai mis
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(); }); } }); });
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...
Partager