Question

我正在制作我自己的this版本。

一切正常，但POSTed值为空。 PHP端的var_dump显示一个空数组。怎么了？

function readfiles(files)
{
    console.log('Reading Files...');
    console.log(files);
    console.log("There are " + files.length + " elements to this array.");

    var formData = new FormData();
    formData.append('file', files[0]);
    console.log(formData);

    console.log("Posting XHR request...");
    // now post a new XHR request
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/devnull.php',false);

    console.log("sending data...");
    console.log(formData);
    xhr.send(formData);
}

$(document).ready(function(e) {
    $("#holder").on('dragenter',function(e) {
        e.preventDefault();         
        $(this).addClass('hover');
    });
    $("#holder").on('dragleave',function(e) {
        e.preventDefault();         
        $(this).removeClass('hover');
    });
    $("#holder").on('dragover',function(e) {
        e.preventDefault();         
        if(!($("#holder").hasClass('hover')))
            $("#holder").addClass('hover');
    });
    $("#holder").on('drop',function(e) {
        e.preventDefault();
        console.log(e.originalEvent.dataTransfer.files);
        $(this).removeClass('hover');
        readfiles(e.originalEvent.dataTransfer.files)           
        return false;
    });
});

Firebug告诉我数组中有一个元素：

FileList {0 = File，length = 1，item = item（），more ...}

但是在我们将它附加到FormData对象之后，我得到了这个：

FormData {append = append（）}

PHP方面的最终var_dump说明了这一点：

<pre>array(0) {
}
</pre>

Answer 1

使用此代码显示文件数据

<?php var_dump($_FILES);?>

使用FormData的XHR请求正在POST一个空数组，

1 个答案: