你将如何在PHP 5.4中实现基本的文件上传进度条？

Question

我注意到这是PHP中增加了PHP 5.4的改进。

我也明白这使用SESSION状态，并且为了显示您需要某种Javscript来更新HTML。我相信JavaScript是通过按提交按钮触发的。并且可以设置间隔计时器来检查进度。

我想要做的就是让进度更新div的HTML。 （例如，25％... 35％）

我的理解迄今：
- 你需要有一个隐藏的价值
一种形式 - 这从在
信息该名称创建一个会话变量 - 你需要观察进度以获得其状态

选项
- 方法1：使用可以在线查找的预建的程序。很少/没有解释它。
- 方法2：将文件发送到另一个php文件并使用JSinterval检查其进度。
- 方法3：是否有办法在同一页面上完成所有操作？

Answer 1

<div id="progress"></div> 
<form action="/upload.php" method="POST" enctype="multipart/form-data" id="upload"> 
<input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="upload" /> 

<input type="file" name="file" id="file" /> 
<input type="submit" value="Upload" onclick="upload()"/> 
</form> 

    <script> 
     //Check Sumbit has been clicked; either onclick or event handler 
     //Setup an interval timer updating the 'PROGRESS' div each check 
     //Each Interval: Get SESSION VARIABLE status and Update the div 'PROGRESS' 
     //Once file has completed; Do we redirect or submit the form? 

    function upload() 
    { 
    var xmlhttp; 
    if (window.XMLHttpRequest) 
     {// code for IE7+, Firefox, Chrome, Opera, Safari 
     xmlhttp=new XMLHttpRequest(); 
     } 
    else 
     {// code for IE6, IE5 
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 
    xmlhttp.onreadystatechange=function() 
     { 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) 
     { 
     document.getElementById("progress").innerHTML=setInterval(function(){xmlhttp.responseText},500); 
     } 
     } 
    xmlhttp.open("POST","upload_progress.php",true); 
    xmlhttp.send(); 

    } 

</script>