Question

我希望能够使用AJAX上传文件。

我尝试过使用（JavaScript）：

   $("input[type='file']").change(function(){
        var file = document.getElementById("uploadelement").files[0];
        $.ajax({
            url: "upload.php",
            type: "POST",
            beforeSend: function(xhr){
                xhr.setRequestHeader("X_FILENAME", file.name); 
            },
            success: function(data){
                console.log(data);
            }
        });
    });

使用（PHP）：

<?php

    $fn = (isset($_SERVER['HTTP_X_FILENAME']) ? $_SERVER['HTTP_X_FILENAME'] : false);
    if ($fn) {
        // AJAX call
        file_put_contents(
            'uploads/' . $fn,
            file_get_contents('php://input')
        );
        echo "$fn uploaded";
        exit();
    }

?>

但是，我遇到了问题，即文件内容没有显示出来。我不确定什么是错的。我在tutorial上找到了这段代码，所以我认为它应该有效。

文件已上传到文件夹，但没有内容。

Answer 1

我不知道jQuery $.ajax()调用，但这可以通过使用XMLHttpRequest来实现，如下所示：

var file = document.getElementById("uploadelement").files[0];
var form_data = new FormData();
form_data.append("userfile", file);

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "upload.php");
xmlhttp.send(form_data);

然后在你的PHP上传处理程序（这里是upload.php）：

move_uploaded_file($_FILES["userfile"]["tmp_name"], "path/to/uploads/" . $_FILES["userfile"]["name"]);

然后该文件应该已保存到所需目录。

通过AJAX上传文件

1 个答案: