PHP文件上传未定义的索引错误

时间:2014-04-10 20:56:58

标签: php jquery ajax forms file-upload

我对此非常困惑。我有一个表单,用户可以选择上传简历......很简单。

不幸的是,每当我尝试验证文件时,我都会收到一个未定义的索引'错误,意味着$_FILES[]数组为空。我已经提升了upload_max_filesize& post_max_size并确保文件上传已在我的php.ini文件中打开并重新启动apache,但数组仍然返回空。

这是我的表单HTML:

<form enctype="multipart/form-data" class="form-horizontal" id="contact-form" name="contact-form" action="/includes/mail/" method="post">
    <div id="resume-input" class="form-group">
        <label class="control-label col-sm-2">Upload Resume</label>
        <div class="col-sm-10">
            <input type="file" name="resume" id="resume-file" class="form-control" />
        </div>
    </div>
</form>

这是PHP检查文件:

if(!isset($_FILES['resume'])) {
    echo "<span class='error'>Please upload your resume.</span><br />";
    return false;
} else {
    // Validate uploaded file
    $fileName = $_FILES['resume']['name']; // file name
    $fileExt = substr($fileName, strrpos($fileName, '.') + 1); // file extension
    $fileSize = $_FILES['resume']['size']/1024; // size in KBs
    $filePath = $_FILES['resume']['tmp_path']; // file path
}

显然这不是整个脚本,但这是唯一不起作用的部分。我在脚本开头尝试了var_dump($_FILES);并返回array(0) { }

任何人都可以从我发布的内容中看到为什么这个文件上传不起作用?

PS:表单是通过jQuery AJAX提交的。我不知道是否有必要,但这是AJAX提交的:

$.ajax({
    type: "POST",
    url: url,
    data: contactForm.serialize(), // serializes the form's elements.
    success: function(data) {
        returnMsg.fadeIn();
        returnMsg.html(data); // show response from the php script.
        if(data.indexOf("success") + 1) {
            $('form#contact-form input[type="text"],input[type="email"],textarea').val('');
            $('form#contact-form select[name="subject"]').val('Select a subject');
        } 

    }
});

谢谢你看看!

1 个答案:

答案 0 :(得分:1)

问题在于你如何上传它。 data: contactForm.serialize()只是无法处理文件。你有正确的表单,但是通过用jQuery AJAX请求替换它,你就完全改变了请求。

可以使用AJAX在HTML5中上传文件,而您不需要以下格式:

document.querySelector('#resume-file').addEventListener('change', function(e) {
    var file = this.files[0];
    var fd = new FormData();
    fd.append("resume", file);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', url, true);

    xhr.onload = function() {
        if (this.status == 200) {
            // success!!!
        }
    }

    xhr.send(fd);
}

有关详细信息,请参阅:MDN - Using FormData objects

编辑:

以下是如何在jQuery中执行此操作(取自MDN文档):

var fd = new FormData(document.getElementById("fileinfo"));
fd.append("CustomField", "This is some extra data");
$.ajax({
  url: "stash.php",
  type: "POST",
  data: fd,
  processData: false,  // tell jQuery not to process the data
  contentType: false   // tell jQuery not to set contentType
});