Comment faire une liste de tous les noms de fichiers à partir d'un dossier utilisant js angulaires

Si vous êtes dans un environnement Web, votre application exécute le client dans un navigateur, vous ne pouvez pas accéder directement au système de fichiers client ou serveur.

Dans ce cas, vous avez besoin d'un descripteur comme une page php, asp.net pour générer un fichier json contenant votre liste de fichiers.

PHP SIDE:

 <?php $dir = "FOLDER NAME HERE"; $return_array = array(); if(is_dir($dir)){ if($dh = opendir($dir)){ while(($file = readdir($dh)) != false){ if($file == "." or $file == ".."){ } else { $return_array[] = $file; } } } echo json_encode($return_array); } ?> 

COTE ANGULAIRE

 $http({ method: 'GET', url: 'YOUR PHP PAGE URL HERE' }).then(function successCallback(response) { // RESPONSE CONTAINS YOUR FILE LIST }, function errorCallback(response) { // ERROR CASE }); 

Je pense que vous pouvez le faire dans nodejs. Ma requête était d'énumérer les fichiers comme source pour l'APP dans l'index.html. Veuillez voir si cela vous est utile.

 //// THIS WORKS FOR ME ///// in app.js or server.js var app = express(); app.use("/", express.static(__dirname)); var fs = require("fs"), function getFiles (dir, files_){ files_ = files_ || []; var files = fs.readdirSync(dir); for (var i in files){ var name = dir + '/' + files[i]; if (fs.statSync(name).isDirectory()){ getFiles(name, files_); } else { files_.push(name); } } return files_; } //// send the files in js folder as variable/array ejs = require('ejs'); res.render('index', { 'something':'something'........... jsfiles: jsfiles, }); ///-------------------------------------------------- 

J'ai fait quelque chose comme ça pour énumérer les fichiers dans mon fichier d'index dans views / index.ejs — le code ci-dessous répertorie les fichiers dans index.ejs

 <% for(var i=0; i < jsfiles.length; i++) { %> <script src="<%= jsfiles[i] %>"></script> <% } %> 

Merci pour vos commentaires. Je pense qu'il vaut mieux utiliser require.js.