Bonjour,
Je souhaiterais récupérer les noms des fichiers d'input file et les écrire dans une div.
Pour l'instant je procède comme ceci :
et mon formulaire :
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 <script type="text/javascript"> function affCache(idpr) { var pr = document.getElementById(idpr); if (pr.style.display == "") { pr.style.display = "none"; } else { pr.style.display = ""; } } function f1() { document.getElementById('fichiers').innerHTML = document.getElementById('fichier').value; } </script>
Pour le moment j'affiche : C:\fakepath\monFichier.pdf
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 <form class="form" name"form" method="post" enctype="multipart/form-data" action="upload.php"> <h2>Ajouter un PDF</h2> <div id="fichiers"> Aucun fichier à uploader </div> <div> <label for="pass">Mot de passe</label><input type="password" name="pass" /> </div> <div id="fichier1"> <label for="fichier">Fichier 1</label><input type="file" name="fichier" id="fichier" onChange="affCache('fichier2'); f1();" /> </div> <div id="fichier2" style="display:none"> <label for="fichier2">Fichier 2</label><input type="file" name="fichier2" id="fichier2" onChange="affCache('fichier3'); /> </div> <div id="fichier3" style="display:none"> <label for="fichier3">Fichier 3 </label><input type="file" name="fichier3" id="fichier3" /> </div> <div class="button"> <input type="hidden" name="MAX_FILE_SIZE" value="52428800" /> <button type="submit" name="upload">Soumettre</button> <button type="reset">Annuler</button> </div> </form>
1) J'aimerai afficher seulement le nom du fichier.
2) Je n'arrive pas à ajouter à la suite les noms des fichiers suivant. Il marque undefined... dans ma div malgrés toutes mes tentatives.
Merci de bien vouloir m'aider.
Cordialement,
Sasuke.
Partager