Retrouver le nom de fichiers téléchargés

Version imprimable

Bonjour à toutes et à tous,

J'ai récupéré le contenu d'un fonction de téléchargement de fichier et je l'utilise pour télécharger plusieurs fichiers à le suite. Cette fonction est la suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        async function chgtHistos() {
          for (let i = 0; i < 7; i++) {
            fetch('/quelFichier?val='+i)
              .then(response => response.blob())
              .then(blob => {
                  const url = window.URL.createObjectURL(blob);
                  const a = document.createElement('a');
                  a.style.display = 'none';
                  a.href = url;
                  a.download = 'fichier_telecharge.txt';
                  document.body.appendChild(a);
                  a.click();
                  window.URL.revokeObjectURL(url);
              })
              .catch(error => console.error('Erreur lors du téléchargement:', error));
          }
        }

elle appelle :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
  server.on("/quelFichier", HTTP_GET, [](AsyncWebServerRequest *request){
    if (request->hasParam("val")) {
      File root = LittleFS.open("/");
      File file = root.openNextFile();
      noFch = request->getParam("val")->value().toInt(); 
      bool vu = false;
      while(file) {
        if (strncmp(file.path(), nomJour[noFch], 4) == 0) {
          vu = true;
          Serial.println(file.path());
          request->send(LittleFS, file.path(), String(), true); // Envoie le fichier en téléchargement
        }
        if (vu == true)
          break;
        else
          file = root.openNextFile();
      }
    }
  }); 
}

Le téléchargement de chacun des fichiers se passe bien à ceci près que leur nom est celui donné dans la ligne : a.download = 'fichier_telecharge.txt';Y a-t-il un moyen de récupérer le vrai nom de chaque fichier ?

Cordialement.

Pierre.

30/01/2025, 17h25
mathieu

dans la variable que vous avez appelé response vous trouverez tous les entêtes http envoyés par le serveur.

Citation:

Envoyé par mathieu

dans la variable que vous avez appelé response vous trouverez tous les entêtes http envoyés par le serveur.

C'est vrai, mais il faut avoir une bonne connaissance de cette structure :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
              .then(response => {
                const contentDisposition = response.headers.get('Content-Disposition');
                const defaultFileName = `fichier_${i}.txt`; // Nom par défaut si le serveur n'en fournit pas
                let fileName = defaultFileName;
                if (contentDisposition && contentDisposition.includes('filename=')) {
                  const match = contentDisposition.match(/filename="?([^"]+)"?/);
                  if (match) {
                    fileName = match[1];
                  }
                }
                return response.blob().then(blob => ({ blob, fileName }));
              })

Cordialement.

Pierre

03/02/2025, 13h22
mathieu

vous pouvez utiliser console.log() pour cela, vous verrez l'objet dans la console de développement de votre navigateur et ensuite vous pouvez cliquer sur les différents attributs pour naviguer dans l'objet s'il y a plusieurs niveaux de profondeur.

votre souci est résolu ?