AJAX 不发布 FormData

Question

我正在尝试使用 AJAX 上传文件。这是我第一次使用 FormData。

在我的客户端脚本中，我只是遍历 $_FILES 并回显每个，只是为了确认它们正在被发送，而它们不是。我也检查了 $_POST 数组，但它也是空的。虽然正在调用服务器端脚本，但似乎没有从 JavaScript 接收任何数据。

这是我的代码，我做错了什么？

JS

var client = new XMLHttpRequest();
function upload(){
    var file = document.getElementById("uploadfile");
    var formData = new FormData();
    formData.append("upload", file.files[0]);
    client.open("post", "/orl_ajax_uploader.php", true);
    client.setRequestHeader("Content-Type", "multipart/form-data");
    client.send(formData);
    return false;
}
client.onreadystatechange = function(){
    if (client.readyState == 4 && client.status == 200){
        alert(client.response);
    }
}

HTML

<form action="orl_ftp.php" method="POST" enctype="multipart/form-data" onsubmit="return upload()">
    <table>
       <tr>
        <td>Choose File: </td>
        <td><input type="file" name="file" id="uploadfile" multiple /></td>
       </tr>
       <tr>
        <td>&nbsp;</td>
        <td><input type="submit" name="Submit" value="Process"></td>
       </tr>
    </table>
</form>

PHP（仅用于测试）

$str = "POST PARAMS // ";
foreach($_POST as $k=>$v){
    $str .= $k."=".$v." :: ";
}
$str .= "FILES PARAMS // ";
foreach($_FILES as $k=>$v){
    $str .= $k."=".$v." :: ";
}
$str .= "GET PARAMS // ";
foreach($_GET as $k=>$v){
    $str .= $k."=".$v." :: ";
}
$str .= '"'.$_FILES['upload'].'"';
echo $str;

当我点击提交时，PHP 每次都会发回这个字符串：POST PARAMS // FILES PARAMS // GET PARAMS // "" 以及试图调用 $_FILES['upload'] 的未定义索引错误......应该在那里，但不是......

编辑

Answer 1

使用client.setRequestHeader("Content-Type", "multipart/form-data"); 设置Content-Type 不应与上传文件/表单数据一起使用。浏览器处理 Content-Type 值的生成，使用边界和我们不需要担心的请求内部的东西。不手动设置该请求标头应该允许浏览器正确地将文件包含在请求中并使其正确地可供服务器使用。

一旦更改，您应该能够访问$_FILES["upload"]，这是一个关联的属性数组。如果您需要获取实际内容，请使用file_get_contents($_FILES["upload"]["tmp_name"]) 之类的内容，否则您可以获得有关文件的信息，例如文件名、类型等。

---

参考资料：

• How can i get the content of uploaded file in php?
• http://php.net/manual/en/reserved.variables.files.php