Cet article décrit comment utiliser PHP pour lire tous les noms de fichiers dans un répertoire spécifié et transmettre ces noms de fichiers dans JavaScript pour une utilisation. Obtenez la liste des fichiers via des fonctions telles que OpenDir, ReadDir, etc. de PHP, puis utilisez JSON_ENCODOD pour convertir le tableau PHP en une cha?ne JSON, et enfin analyser la cha?ne JSON en JavaScript pour obtenir la liste de fichiers.

C?té php: obtenez la liste des fichiers

Tout d'abord, nous devons utiliser PHP pour lire tous les noms de fichiers dans le répertoire spécifié. Voici un exemple simple de code montrant comment implémenter cette fonction à l'aide des fonctions OpenDir, ReadDir et CLOLIRIR.

  Php
$ files = [];
$ Directory = 'C: \ XAMPP \\ htdocs \\ Dump \\ uploads'; // remplace par votre chemin de répertoire if ($ handle = opendir ($ répertoire)) {
    while (false! == ($ entry = readdir ($ handle))) {
        if ($ entry! = "." && $ entrée! = "..") {
            $ files [] = $ entrée;
        }
    }
    CLOLIRIR ($ Handle);
} autre {
    Echo "Impossible d'ouvrir le répertoire";
}

// Liste des fichiers de sortie, pratique pour le débogage print_r ($ files);
?>

Explication du code:

1. $ files = [];: Initialisez un tableau vide pour stocker les noms de fichiers.
2. $ Directory = 'C: \ XAMPP \ HTDOCS \ Dump \ uploads';: Spécifiez le chemin du répertoire à lire. Veuillez modifier ce chemin en fonction de votre situation réelle.
3. OpenDir ($ Directory): ouvre le répertoire spécifié et renvoie une poignée de répertoire.
4. ReadDir ($ manche): Lisez une entrée à partir d'une poignée de répertoire, qui peut être un fichier ou un sous-répertoire.
5. $ entrée! = "." && $ entrée! = "..": filtrez le répertoire actuel (.) Et le répertoire parent (..).
6. $ files [] = $ entrée;: Ajoutez le nom de fichier de lecture au tableau $ des fichiers.
7. CLOLIRIR ($ Handle): Fermez la poignée du répertoire et relachez la ressource.
8. print_r ($ files);: imprimez une liste de fichiers pour le débogage.

Notes:

• Veuillez vous assurer que PHP a la permission d'accéder au répertoire spécifié.
• Le chemin du répertoire doit utiliser les doubles backslashs (\\) ou les barres obliques (/).

Passer un tableau PHP à JavaScript

Ensuite, nous devons passer la liste des fichiers obtenus par PHP dans JavaScript. Une méthode courante consiste à utiliser la fonction json_encode pour convertir un tableau PHP en une cha?ne JSON et analyser cette cha?ne en javascript.

 <script type="text / javascript">
    const files = json.parse (<? php echo "&#39;" .json_encode ($ files). "&#39;";?>);    
    console.log (?myFiles?, fichiers); 
</script>

Explication du code:

1. JSON_ENCODE ($ Files): Convertir les fichiers PHP Array $ en cha?ne JSON.
2. Echo "'" .json_encode ($ files). "'";: Sortie des cha?nes JSON sur les pages HTML et les enveloppez dans des devis uniques pour empêcher les erreurs d'analyse JavaScript.
3. JSON.Parse (): Utilisez la fonction JSON.Parse () en JavaScript pour analyser les cha?nes JSON et les convertir en tableaux JavaScript.
4. console.log (?myFiles?, fichiers);: imprimez la liste des fichiers sur la console pour un débogage facile.

Une autre fa?on:

Vous pouvez également intégrer directement les données JSON dans les attributs de données de HTML, puis lire dans JavaScript:

 <div id="file-list" data-files="'<?" php echo json_encode files> '> </div>

<cript>
  const fileListElement = document.getElementById ('File-list');
  const files = json.parse (fileListement.dataset.files);
  Console.log ('Files From Data Attribut:', fichiers);
</cript>

Cette méthode est plus claire et évite la sortie directe des variables PHP dans les balises de script.

C?té javascript: utilisez la liste des fichiers

Maintenant, nous avons réussi à passer la liste des fichiers obtenus par PHP à JavaScript. Ces noms de fichiers peuvent être utilisés dans JavaScript pour diverses opérations, tels que la génération de listes dynamiquement, les fichiers de filtrage, etc.

 // Exemple: générer dynamiquement la liste de fichiers const fileListContainer = document.getElementById ('file-list-container');

files.ForEach (file => {
    const listItem = document.createElement ('li');
    listItem.textContent = fichier;
    FileListContainer.ApendChild (listItem);
});

Explication du code:

1. document.getElementById ('File-list-container'): obtient l'élément HTML utilisé pour afficher la liste des fichiers.
2. files.ForEach (file => {...});: itérer sur le tableau de liste de fichiers.
3. Document.CreateElement ('Li'): Créez un nouvel élément Li.
4. listItem.textContent = file;: Définissez le contenu texte de l'élément Li au nom du fichier.
5. FileListContainer.ApendChild (listItem): ajoute l'élément Li au conteneur de liste de fichiers.

Résumer:

Grace aux étapes ci-dessus, nous avons réussi à implémenter la fonction d'utilisation de PHP pour obtenir une liste de fichiers de répertoire et transférer ces noms de fichiers dans JavaScript pour une utilisation. Cette méthode peut être appliquée à divers scénarios où les listes de fichiers doivent être chargées dynamiquement, telles que les bibliothèques d'images, les systèmes de gestion de fichiers, etc. Veuillez noter que la sécurité est cruciale, et il est important de vérifier et de filtrer les fichiers téléchargés par les utilisateurs pour empêcher l'injection de code malveillante.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!