PHP 获取目录文件列表并在 JavaScript 中使用-php教程-PHP中文网

PHP 获取目录文件列表并在 JavaScript 中使用

心靈之曲

发布： 2025-08-20 18:44:15

原创

246人浏览过

php 获取目录文件列表并在 javascript 中使用

本文将介绍如何使用 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>

登录后复制

代码解释：

<?php echo $files_json; ?>：在 HTML 中嵌入 PHP 代码，输出 JSON 字符串。
JSON.parse('<?php echo $files_json; ?>')：使用 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中文网其它相关文章！