Question

我通过ajax（可能）将多个用户输入文件发送到服务器端PHP。我使用FormData()对象发送它，当我在PHP中调用$_FILES时，它表示FormData中的文件对象键是“未识别的索引”。我知道我已经解释了这个解释，所以这里的背景是：

HTML：

<form id="subForm" action="" method="post" enctype="multipart/form-data">
    <input type="file" name="file" multiple/>
    <button type="submit">Post</button>
</form>

JQuery的：

var files = $('input[type=file]').prop('files')[0]; //File list
var formData = new FormData();  

//Cycle through files (if many)
for (var i = 0; i < files.length; i++) {
    var file = files[i]; //File

    //Type and size check
    if (!file.type.match('image/*') && !file.type.match('video/*') && file.size > 8388608){
        continue;
    }

    // Add the file to the request.
    formData.append('files', file, file.name);
}
$.ajax({
    type: 'POST',
    url: 'submission.php', //Serverside handling script
    enctype: 'multipart/form-data',
    dataType: 'text', //Get back from PHP
    processData: false, //Don't process the files
    contentType: false,
    cache: false,
    data: formData,
    success: function(php_script_response){
        console.log(php_script_response);
    }
});

PHP：

foreach($_FILES['files']['tmp_name'] as $key => $tmp_name){
    if(is_uploaded_file($_FILES['files']['tmp_name'][$key]) && $_FILES['files']['tmp_name'][$key]['error']==0) {
        $path = 'uploads/' . $_FILES['files']['name'][$key];
        $upload = true;

        if(file_exists($path)){
            //Re-Upload
            $upload = false;
        }

        if(move_uploaded_file($_FILES['files']['name'][$key], $path)){
            //Success
        }else{
            //Failure
        }
    }else{
        //File not uploaded/ saved?
    }
}

PHP中的第1行返回：

未定义的索引： C：\ xampp \ htdocs \ submission.php
中的文件

我的推测是我的本地apache服务器或者JQuery有问题吗？

提前致谢

Answer 1

永远不会达到append，因为您只使用.prop('files')[0]从输入中获取单个值。因此，files.length在您的循环中未定义。你应该抓住整个文件阵列：

var files = $('input[type=file]').prop('files'); //File list

在服务器端PHP中通过AJAX接收文件

1 个答案: