2

サーバーにアップロードする複数のファイルの進行状況バーを作成しようとしています!!! ファイルをアップロードできますが、アップロードの進行状況情報を取得しようとすると、セッション配列が空になります。助けてください!!! 以下の情報を見つけてください: まず、ファイルをアップロードするメインの php ページ:

********************************************Main.php********************************
<?php session_start();?>//top of the page
<div id = "centerMain" align="center">
           <iframe name="targetIframe" src="" style="width:50%;height:30%;position:relative;"></iframe>
                    <div id="addNewBlock" class="emboss blockPart" style="z-index:50000;padding:2%;position:relative;width:50%;left:25%;top:35%;border:1px solid black;">
                     <form method="POST" action="handleItemAddition.php" target="targetIframe" enctype = "multipart/form-data" onSubmit="return checkAndStartUpload()">

<!--VERY IMPORTANT:the hidden element should come first before any element within the form-->  <input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" id="hidUpProg" value="upFilesInfo" />                 
 <script type ="text/javascript">


var upProgName = "<?php echo ini_get("session.upload_progress.name"); ?>";
                //alert(document.getElementById("hidUpProg").value);
            </script>
            <div  class="stayLeft">Upload Photo:</div><input style="width:40%;" type="file" name = "itemImage[]" id="fileUp" class = "stayRight" multiple/><br/><br/>  


                    <input type="button" id = "closeBut" style="width:20%;" value = "close" onclick="closeBlock()" class="utsaaBut stayLeft"/>
                    <input type="submit" id = "AddBut" style="width:20%;" value = "Done" class="utsaaBut stayRight"/>                  
                    </form>

                </div>
               </div>
********************************************Main.php********************************

上から onSubmit = "checkAndStartUpload()" と呼ばれる javascript 関数の下を見つけます

******************************************Javascript function****************************
function checkAndStartUpload()
{
    var tmp = document.getElementById("fileUp");
    if(tmp.files.length == 0)
    {
        alert("No file selected. Kindly select a file");
        return false
    }

    $progressPtr = setInterval(handleProgress,50);
    return true;
}

var it = 0;
function handleProgress()
{
    //alert("handleProgress");
    var xmlhttp;
    if(window.XMLHttpRequest)
    {
        xmlhttp = new XMLHttpRequest();
    }
    else
    {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        //alert("response");
        if(xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            //alert("value:"+xmlhttp.responseText["content_length"]);
            var res = xmlhttp.responseText;
            alert("Response:"+res);
            it++;
            if(it == 25)
            {
                it = 0;
            clearInterval($progressPtr);
            }
        }
    }

    xmlhttp.open("POST","handleProgressValue.php",true);

    xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

    xmlhttp.send(upProgName+"=upFilesInfo");
}

******************************************Javascript function*******************

次は、ajax を介してセッション値を返すファイルです。

    ******************************************ajax progress return*******************
<?php

$key = ini_get("session.upload_progress.prefix") .$_POST[ini_get("session.upload_progress.name")];

if (!empty($_SESSION[$key])) {
    $current = $_SESSION[$key]["bytes_processed"];
    $total = $_SESSION[$key]["content_length"];
    echo "Current".$current."$total".$total;
    //echo $current < $total ? ceil($current / $total * 100) : 100;
}
else {
    echo "100";    //IT ALWAYS RETURNS 100 MEANING$_SESSION[$key] IS ALWAYS EMPTY
}
/*session_start();
$key = ini_get("session.upload_progress.prefix").$_POST[ini_get("session.upload_progress.name")];
//var_dump($_SESSION[$key]);
$tmp = $_SESSION[$key];
echo $tmp["bytes_processed"];*/

?>
    ******************************************ajax progress return*******************

最後に、handleItemAddition.php が画像を正常にアップロードします。また、テスト目的で ;session.upload_progress.cleanup = On を無効にして、アップロードが速く完了した場合に値をクリアしないようにしました。

それでも私は空の配列を取得しています。

4

1 に答える 1