如何将JavaScript的inputFiles变量传递到PHP（或bash）使用

你之前的方案无效是因为混淆了前后端的执行边界：

• JavaScript运行在用户本地浏览器，inputFiles是浏览器内存里的客户端变量
• PHP运行在服务端，页面输出到浏览器后PHP的本次执行就已经结束，不可能直接读取浏览器内存里的JS变量
• 你写的echo "<script>document.writeln(inputFiles);</script>;"逻辑完全反向：这行代码是让PHP输出一段JS文本到浏览器，JS执行时PHP已经跑完了，根本不会把变量传回服务端。

方案1：原生表单直接上传（最简便，无需额外JS） #

你现有代码只差文件上传必须的表单属性，补全后PHP可以直接拿到上传的文件，完全不需要手动传递JS里的inputFiles变量。
首先修改前端表单，必须加上enctype="multipart/form-data"，多文件上传时input的name要加[]后缀：

<html>
    <body>
        <form action="action.php" method="post" enctype="multipart/form-data">
            <input type="file" name="files[]" id="files" multiple>
            <button type="submit" name="send_files">Send files</button>
        </form>
    </body>
</html>

在action.php中通过PHP超全局变量$_FILES就能拿到所有上传文件的完整信息：

<?php
if (isset($_POST['send_files'])) {
    // 所有上传文件的名称、临时路径、大小、类型都在这个数组里
    $uploadedFiles = $_FILES['files'];
    // 测试输出查看结构
    echo '<pre>';
    print_r($uploadedFiles);
    echo '</pre>';
}
?>

方案2：JS先处理文件再提交 #

如果你需要先在JS端做文件校验、参数补充之类的逻辑，可以用FormData组装数据后异步提交给PHP：
前端代码示例：

<html>
    <body>
        <input type="file" name="files" id="files" multiple>
        <button type="button" onclick="submitFiles()">Send files</button>
        <script>
        async function submitFiles() {
            const fileInput = document.getElementById("files");
            const fileList = Array.from(fileInput.files);
            
            // 这里写你需要的JS端处理逻辑，比如大小校验
            const totalSize = fileList.reduce((sum, file) => sum + file.size, 0);
            if (totalSize > 100 * 1024 * 1024) {
                alert("总文件大小不能超过100M");
                return;
            }

            // 组装提交数据
            const formData = new FormData();
            fileList.forEach(file => {
                formData.append("files[]", file);
            });
            // 可以追加自定义参数
            formData.append("total_size", totalSize);

            // 提交到PHP
            const resp = await fetch("action.php", {
                method: "POST",
                body: formData
            });
            const result = await resp.text();
            console.log("服务端返回：", result);
        }
        </script>
    </body>
</html>

对应的action.php取值逻辑和方案1一致，自定义参数从$_POST中读取即可：

<?php
$totalSize = $_POST['total_size'];
$uploadedFiles = $_FILES['files'];
echo "提交成功，文件总大小：" . $totalSize;
?>

PHP传数据到Bash #

注意绝对不要直接把用户上传的参数拼接到shell命令中，会存在严重的命令注入漏洞，必须用escapeshellarg对参数做转义：

<?php
if (isset($_FILES['files'])) {
    $tmpPaths = [];
    // 收集所有上传文件的临时存储路径
    foreach ($_FILES['files']['tmp_name'] as $path) {
        $tmpPaths[] = escapeshellarg($path);
    }
    // 拼接bash命令，比如调用你自己写的处理脚本
    $cmd = "/your/bash/script/path.sh " . implode(" ", $tmpPaths);
    // 执行命令并获取输出
    $execResult = shell_exec($cmd);
    echo $execResult;
}
?>

内容的提问来源于stack exchange，提问作者Seeyoz