Afficher la liste des fichiers dans un répertoire

Version imprimable

22/05/2022, 19h35
emilie93

Afficher la liste des fichiers dans un répertoire
s'il vous plait je viens vers vous pour la bonne compilation d'un code javascript qui vas m'aidé à lister les noms des fichiers dans un répertoire

le répertoire public/images contient les fichiers suivants : 'PSD', 'TDR', 'MH', 'MLR', 'ADP', 'SY02-1133', 'SY01-1122'

au lieu de les écrire un par un sur mon code script en dessous

y'a t'il une solution pour que le code les affichent automatiquement ?? et merci d'avance :roll::roll::roll::roll::roll::roll:
Code:

1 2 function loadLabeledImages() { var labels = ['PSD', 'TDR', 'MH', 'MLR', 'ADP', 'SY02-1133', 'SY01-1122'];
22/05/2022, 22h10
rafoim

mieux comprendre la question

Bonjour,

Est-ce normal que le code n'ait que deux lignes. Pour l'instant, la fonction n'est pas fermée et elle n'est pas appelée.
Et tu veux écrire tes noms tes fichiers où? Dans la console? Ailleurs?
22/05/2022, 22h21
emilie93

je veux écrire les noms de ces fichiers Dans la console console.log(nom des fichiers ):roll:

Citation:

Envoyé par rafoim

Bonjour,

Est-ce normal que le code n'ait que deux lignes. Pour l'instant, la fonction n'est pas fermée et elle n'est pas appelée.
Et tu veux écrire tes noms tes fichiers où? Dans la console? Ailleurs?

le code que j'ai du mal à le crée j'ai presque 150 fichiers dans le répertoire public/images
au lieu des les écrire un par un je cherche une méthode pour un listing automatique dans la var labels = [ listing automatique]
Code:

1 2 3 4 5 6 7 8 9 10 11 function loadLabeledImages() { var labels = ['PSD', 'TDR', 'MH', 'MLR', 'ADP', 'SY02-1133', 'SY01-1122']; return Promise.all( labels.map(async (label)=>{ console.log(label) } }

Bonjour à tous,

Et comme ça ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body onload="getfichier ()">
    <input type="file" id="inputfiles" multiple="multiple" onchange="getfichier ()" />
    
    <script>
        function getfichier() {
            var listefichiers = [],
                inputfiles = document.getElementById("inputfiles");
 
            for (var x = 0; x < inputfiles.files.length; x += 1) {
                var fichier = inputfiles.files[x];
                if ('name' in fichier) {
                    listefichiers.push(fichier.name);
                }
            }
            console.log(listefichiers);
        }
    </script>
</body>

Bonjour,

Il n'est pas possible de lire un dossier/fichiers depuis Javascript.
Javascript est un langage client et donc ne peut pas lire de dossier sur le serveur.

Le seul moyen serait de lire le dossier en PHP et passer les valeurs au JavaScript soit via une requête AJAX, soit directement au chargement

Mais bon, autant tout faire en PHP ^^

Pour récupérer les fichiers d'un dossier dans un array, vous pouvez utiliser scandir()

Voici un exemple :
Code:

1 2 3 4 5 // Retourne tous les fichiers + .. et . $images = array_diff(scandir(__DIR__.'/images')); // Pour éviter d'avoir .. et ., on utilise array_diff() // Source : https://www.php.net/manual/fr/function.scandir.php#107215 $images = array_diff(scandir(__DIR__.'/images'), ['..', '.']);

23/05/2022, 13h51
emilie93

Citation:

Envoyé par ASCIIDEFOND

Bonjour à tous,...

je vous tiens au courant après essaie:mrgreen: merciiiiiiii bcp
23/05/2022, 14h00
emilie93

peut ont les récupérés via une requête sql ? d'une table fichier !!

id | Fichier
1 PSD
2 TDR
3 MH
4 MLR
5 ADP
6 SY02-1133
7 SY01-1122

:weird::weird::weird::weird::weird:
23/05/2022, 14h26
emilie93

Citation:

Envoyé par darkstar123456

...

passer les valeurs au JavaScript soit via une requête AJAX, soit directement au chargement....... COMMENT???

Bonjour,

Comme décrit dans mon code PHP.
Ce code récupère les fichiers d'un dossier pour les sauvegarder dans un tableau PHP.
Il suffit alors de faire un boucle sur ce tableau et de faire ce qu'on veut avec si on veut les afficher dès le chargement

Sinon, il faut encoder le tableau pour être lisible en Javascript.
Pour cela, on va utiliser la fonction PHP json_encode()

En reprenant mon exemple précédent qui liste les fichiers du sous-dossier images du dossier courant (au fichier PHP)
Code:

1 2 3 4 5 <?php $images = array_diff(scandir(__DIR__ . '/images'), ['..', '.']); ?> <script> var images_dans_le_js = <?= json_encode($images); ?>; console.log('Liste des images', images_dans_le_js); </script>
Le principe étant de tout mettre dans un array et d'ensuite utiliser json_encode(), c'est le même principe si on récupère les données depuis une base de données.
Code:

1 2 3 4 5 6 7 8 9 // Depuis une BDD $sth = $dbh->prepare("SELECT id, filename FROM images"); $sth->execute(); $images = $sth->fetchAll(); ?> <script> var images_dans_le_js = <?= json_encode($images); ?>; console.log('Liste des images', images_dans_le_js); </script>

23/05/2022, 15h05
emilie93

j'essaie tout de suite je vous tiendrais au courant mille merci DARK STAR
23/05/2022, 16h59
emilie93

J'ai opté pour la 2eme solution DBO de darkstar123456 ça marche à merveille :D:D:D:D:D

Mille merci darkstar123456, tu es un champion