Discussion :

[Kylia]

Bonjour à tous,

Actuellement j'ai un uploadfile qui, une fois que j'ai sélectionné un fichier, m'affiche dans une pop-up le chemincomplet du fichier grâce à un petit bout de code javascript.
Cette solution n'est pas terrible je trouve.

J'aimerais pouvoir afficher dans mon label le nom du fichier qui a été sélectionné, sans avoir à recharger ma page.
Cela est-il possible ? Sinon comment faire pour que ma pop-up n'affiche que le nom du fichier et non pas le chemin complet ?

Voici mon code pour le uploadfile et le label :

Code :

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

1
2
3
4
 <asp:FileUpload ID="btnAjouterFicheExposition" onchange="alert('Vous avez choisis le fichier : '+ this.value)" runat="server" Visible="False" />
<asp:Label ID="lblResultatUploadFile" runat="server" Visible="False">Pas de fichier sélectionné</asp:Label>
<br />   
<asp:Button ID="btnAjouterMetier" runat="server" Text="Valider" Visible="False" />

Au passage je suis une bille en javascript

Merci d'avance.

Kylia

[Seelass]

Bonjour,

Une solution serait d'utiliser un Div caché qui se repliera. Avant tout afin d'enrichir les composant de base d' ASP .NET, je te propose d'utiliser la bibliothéque Ajax Control ToolKit

AjaxFileUpload te permettra d'avoir des événements coté client, par exemple lorsque un fichier a été uploadé, grâce à sa méthode OnClientUploadComplete
C'est d'ailleur ce que nous avons besoin ici :

1. Ajoute cette méthode dans ton composant AjaxFileUpload, puis affecte lui le nom de ton script javascript que te permettra d'afficher le nom du fichier à uploader, exemple

Code :

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

OnClientUploadComplete = "fileUploaded"

2. Ton div est par exemple de ce genre :

Code :

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

1
2
3
<div id="exFileList" class="file-list">                                           
<strong id="info" style="display:none;">Fichier(s) à télécharger:</strong>
                                        </div>

3. Voici le script javascript qui te permettra d'afficher le nom du ficher à uploader :

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
<script type="text/javascript">                          //<![CDATA[
 
 
                              var fileList = null,
                                    fileListUL = null;
                              var strongInfo = null;
                              function fileUploaded(sender, args) {
                                  var name = args.get_fileName(),
                                         li = document.createElement("li");
 
 
                                  if (fileList == null) {
                                      fileList = document.getElementById("exFileList");
                                      fileListUL = document.createElement("ul");
                                      fileList.appendChild(fileListUL);
 
 
                                      fileList.style.display = "block";
                                  }
                                  strongInfo = document.getElementById("info");
                                  if (strongInfo.style.display == "none") {
                                      strongInfo.style.display = "inline";
                                  }
 
 
                                  li.innerHTML = name;
                                  fileListUL.appendChild(li);
                              }
 
                          //]]>
                         </script>