我的网站从/assets/photos/
文件夹中提供大量图片。如何使用 Javascript 获取该文件夹中的文件列表?
使用Javascript获取文件夹中的文件名列表
IT技术
javascript
2021-02-09 10:05:23
6个回答
当前代码将给出一个文件夹中所有文件的列表,假设它在服务器端您要列出所有文件:
var fs = require('fs');
var files = fs.readdirSync('/assets/photos/');
不,Javascript 无权访问文件系统。服务器端 Javascript是一个完全不同的故事,但我想你不是那个意思。
我写了一个文件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[] 数组
对于客户端文件,您无法获得用户本地目录中的文件列表。
如果用户提供了上传的文件,您可以通过他们的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>
要获取指定文件夹中的文件名列表,您可以使用:
fs.readdir(directory_path, callback_function)
这将返回一个列表,您可以通过简单的列表索引(如file[0],file[1]
等)来解析该列表。
其它你可能感兴趣的问题