0

我希望能够使用 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();
    }

?>

但是，我遇到了问题，文件内容没有显示出来。我不确定出了什么问题。我在教程上找到了这段代码，所以我认为它应该可以工作。

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

4

1 回答 1

2

我不知道 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"]);

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

于 2013-04-17T02:01:46.603 回答