AJAX/JQuery 文件上传 - 第 8 张图像上的未定义索引,由 PHP 处理

AJAX/JQuery File Upload - undefined index on 8th Image, handled by PHP

提问人:Nirav Zaveri 提问时间:8/21/2013 更新时间:8/21/2013 访问量:1273

问:

我正在使用这个地方的代码: 使用 AJAX 上传多个文件

最多上传 7 张图像(大小约为 1MB),当我制作第 8 张图像时(或当我选择等于或超过 8 张图像时),此错误再次出现:

注意:未定义的索引:E:\Apache Software 中的映像 Foundation\Apache2.2\htdocs\ReGeneSys\upload2.php 上行 10

警告:为 E:\Apache Software 中的 foreach() 提供的参数无效 Foundation\Apache2.2\htdocs\ReGeneSys\upload2.php 上行 10

HTML 是:

<div id="main" style="width:40%;margin:0 auto;text-align:center;" ><br/>
        <h4>Use this if you want to upload multiple images</h1>
        <form method="post" enctype="multipart/form-data"  action="upload2.php">
            <input type="file" name="images" id="images" multiple />
            <input type="hidden" name="logId" id="logId" value="<?php echo $_REQUEST['log_id'] ?>" />
            <button type="submit" id="btn">Upload Files!</button>

        </form>

    <div id="response"></div>
        <ul id="image-list">

        </ul>
    </div>

JS 是:

var logId= document.getElementById("logId").value; 
//alert(logId);
(function () {
    var input = document.getElementById("images"), 
        formdata = false;

    /* function showUploadedItem (source) {
        var list = document.getElementById("image-list"),
            li   = document.createElement("li"),
            img  = document.createElement("img");
        img.src = source;
        li.appendChild(img);
        list.appendChild(li);
    }  */ 

    if (window.FormData) {
        formdata = new FormData();
        document.getElementById("btn").style.display = "none";
    }

    input.addEventListener("change", function (evt) {
        document.getElementById("response").innerHTML = "Uploading . . ."
        var i = 0, len = this.files.length, img, reader, file;

        for ( ; i < len; i++ ) {
            file = this.files[i];

            if (!!file.type.match(/image.*/)) {
                if ( window.FileReader ) {
                    reader = new FileReader();
                    /*reader.onloadend = function (e) { 
                        showUploadedItem(e.target.result, file.fileName);
                    };*/
                    reader.readAsDataURL(file);
                }
                if (formdata) {
                    formdata.append("images[]", file);
                }
            }   
        }

        if (formdata) {

            $.ajax({
                url: "upload2.php?logId="+logId,
                type: "POST",
                data: formdata,
                processData: false,
                contentType: false,
                success: function (res) {
                    document.getElementById("response").innerHTML = res; 
                }
            });
        }
    }, false);
}());

PHP是:

$log_id=$_REQUEST['logId'];
    print_r($_FILES);
    foreach ($_FILES["images"]["error"] as $key => $error) {
        if ($error == UPLOAD_ERR_OK) {

            $name = $_FILES["images"]["name"][$key];
            $path="screens/";
            $append_Name=getScalar("SELECT (COALESCE(MAX(screen_id),1)+1) FROM screenshots LIMIT 1");
            //print_r($_FILES);
            //$image_name=$_FILES['images']['tmp_name'][$key];
            $name=$append_Name."_".$name;
            move_uploaded_file( $_FILES["images"]["tmp_name"][$key], "screens/" . $name);
            ..// other part of the PHP
        }
    }

注意:getScalar 是一个返回结果源的第一个值的函数。

您能否帮助我了解第 7 张图像后出现的问题。 再次提到,该代码工作绝对正常,直到我还没有上传大约 1MB 大小的第 8 张图像。

错误跟踪到以下行:

  foreach ($_FILES["images"]["error"] as $key => $error)

谢谢。

php jquery ajax 文件上传 未定义索引

评论


答:

0赞 AO_ 8/21/2013 #1

你可能想看看这些:

; Maximum allowed size for uploaded files.
upload_max_filesize = 40M

; Must be greater than or equal to upload_max_filesize
post_max_size = 40M

可能是您的最大上传大小太大了。$_FILES

更奇怪的事情发生在;)

评论

0赞 Nirav Zaveri 8/21/2013
没有帮助,我有 upload_max_filesize = 100M,max_file_uploads = 100。没办法,7 个 2MB 的文件可以做 100M,对吧?或者 M 是兆比特的意思吗?