使用Javascript获取文件夹中的文件名列表

Question

我的网站正在从/assets/photos/文件夹中提供大量图片.如何使用Javascript获取该文件夹中的文件列表？

Answer 1

当前代码将给出文件夹中所有文件的列表,假设它在服务器端要列出所有文件:

var fs = require('fs');
var files = fs.readdirSync('/assets/photos/');

Answer 2

不,Javascript无权访问文件系统.服务器端Javascript是一个完全不同的故事,但我猜你并不是那个意思.

Answer 3

要获取指定文件夹中的文件名列表，您可以使用：

fs.readdir(directory_path, callback_function)

这将返回一个列表，您可以通过简单的列表索引（如file[0],file[1]等）来解析该列表。

Answer 4

我写一个文件dir.php

var files = <?php $out = array();
foreach (glob('file/*.html') as $filename) {
    $p = pathinfo($filename);
    $out[] = $p['filename'];
}
echo json_encode($out); ?>;

在脚本中添加：

<script src='dir.php'></script>

并使用files []数组

Answer 5

对于客户端文件，您无法在用户的本地目录中获得文件列表。

如果用户提供了上传的文件，则可以通过其input元素访问它们。

<input type="file" name="client-file" id="get-files" multiple />


<script>
var inp = document.getElementById("get-files");
// Access and handle the files 

for (i = 0; i < inp.files.length; i++) {
    let file = inp.files[i];
    // do things with file
}
</script>