本文将介绍如何使用 PHP 获取指定目录下所有文件的文件名，并将这些文件名以数组的形式传递给 JavaScript 代码。通过 PHP 的文件操作函数读取目录，然后使用 json_encode 函数将 PHP 数组转换为 JSON 字符串，最后在 JavaScript 中解析该 JSON 字符串，从而实现文件名的传递和使用。
PHP 端：读取目录文件列表
首先，我们需要在 PHP 中编写代码来读取指定目录下的所有文件名。以下代码片段展示了如何使用 opendir()、readdir() 和 closedir() 函数来实现这个功能。
<?php
$files = [];
$directory = 'C:/xampp/htdocs/dump/uploads'; // 替换为你的目录路径
if ($handle = opendir($directory)) {
while (false !== ($entry = readdir($handle))) {
if ($entry != "." && $entry != "..") {
$files[] = $entry;
}
}
closedir($handle);
}
// 将 PHP 数组转换为 JSON 字符串
$files_json = json_encode($files);
?>
登录后复制
代码解释：
- $files = [];：初始化一个空数组，用于存储文件名。
- $directory = ‘C:/xampp/htdocs/dump/uploads’;：定义要读取的目录路径。请务必替换为你实际的目录路径。
- opendir($directory)：打开指定目录，返回一个目录句柄。
- readdir($handle)：从目录句柄中读取一个条目（文件名或目录名）。循环读取，直到返回 false。
- $entry != “.” && $entry != “..”：排除当前目录（.）和父目录（..）。
- $files[] = $entry;：将读取到的文件名添加到 $files 数组中。
- closedir($handle)：关闭目录句柄，释放资源。
- json_encode($files)：将 PHP 数组 $files 转换为 JSON 字符串，方便在 JavaScript 中使用。
注意事项：
立即学习“PHP免费学习笔记（深入）”；
- 请确保 PHP 进程有权限读取指定的目录。
- Windows 平台下，目录路径需要使用双反斜杠 / 或者正斜杠 /。
JavaScript 端：接收并使用文件名列表
接下来，我们需要将 PHP 中生成的 JSON 字符串传递给 JavaScript，并在 JavaScript 中解析它。以下代码展示了如何在 HTML 中嵌入 PHP 代码，并将 JSON 字符串传递给 JavaScript。
<!DOCTYPE html>
<html>
<head>
<title>获取目录文件列表</title>
</head>
<body>
<script type="text/javascript">
const files = JSON.parse('<?php echo $files_json; ?>');
console.log('myFiles', files);
// 在这里可以使用 files 数组
files.forEach(filename => {
console.log(filename);
});
</script>
</body>
</html>
登录后复制
代码解释：
- ：在 HTML 中嵌入 PHP 代码，输出 JSON 字符串。
- JSON.parse(‘‘)：使用 JSON.parse() 函数将 JSON 字符串解析为 JavaScript 数组。
- console.log(‘myFiles’, files)：在控制台中打印 JavaScript 数组，用于调试。
- files.forEach(filename => { console.log(filename); });：遍历数组，打印每个文件名。你可以根据实际需求，对文件名进行进一步处理。
注意事项：
立即学习“PHP免费学习笔记（深入）”；
- 确保 HTML 文件以 .php 扩展名保存，以便 PHP 解释器能够正确解析 PHP 代码。
- JSON.parse() 函数可能会抛出异常，如果 JSON 字符串格式不正确，可以使用 try…catch 语句来捕获异常。
总结
通过以上步骤，我们成功地使用 PHP 获取了指定目录下所有文件的文件名，并将这些文件名以数组的形式传递给 JavaScript 代码。在 JavaScript 中，我们可以对这些文件名进行各种处理，例如显示在网页上、用于文件操作等。这种方法可以方便地在服务器端获取文件信息，并在客户端进行展示和操作。请注意替换代码中的目录路径，并根据实际需求进行修改。
以上就是PHP 获取目录文件列表并在 JavaScript 中使用的详细内容，更多请关注php中文网其它相关文章！