如何在PHP中獲得進度條？

看完後this我覺得我的上傳腳本有一個進度條（已經完成並正在工作），我嘗試了一下，但我不是很熟練，我也做不到。這裏是我的upload.php腳本：如何在PHP中獲得進度條？

if (isset($_FILES['files_to_upload'])){ 
//some checks 
if(is_uploaded_file($_FILES['files_to_upload']['tmp_name'])) 
{ 
if (move_uploaded_file($_FILES['files_to_upload']['tmp_name'] , '/mnt/uploads' . $_FILES['files_to_upload']['name'])){ 
    echo '<script>alert("' . $_FILES['files_to_upload']['name'] . ' uploaded!")</script>'; 
} 
}

，在這裏我的HTML：

<html> 
<body> 
    <form action="upload.php" method="post" enctype="multipart/form-data"> 
    <input type="file" name="files_to_upload"> 
    <input type="submit" value="upload"> 
    </form> 
</body> 
</html>

誰能照亮了我如何可以實現一個進度條，好嗎？

來源

2014-02-20 sleax

您應該使用Ajax：

$.ajax({ 
      xhr: function() 
       { 
       var xhr = new window.XMLHttpRequest(); 
       //Upload progress 
       xhr.upload.addEventListener("progress", function(evt){ 
        if (evt.lengthComputable) { 
        var percentComplete = evt.loaded/evt.total; 
        //Do something with upload progress 
        $('.percent').width(percentComplete * 100 + '%'); 
        console.log(percentComplete); 
        } 
       }, false); 
       //Download progress 
       xhr.addEventListener("progress", function(evt){ 
        if (evt.lengthComputable) { 
        var percentComplete = evt.loaded/evt.total; 
        // 
        $('.percent').width(percentComplete * 100 + '%'); 
        console.log(percentComplete); 
        } 
       }, false); 
       return xhr; 
       },  
      url: formURL, 
      type: method, 
      data: formData, 
      . 
      . 
      . 

      }); 
      <div class="percent" style="background:#000;width:0%;height:10px;"></div>

當文件上傳或（下載）$('.percent').width(percentComplete * 100 + '%');設置precent股利width。

來源

2014-02-20 15:59:00

如何在PHP中獲得進度條？

回答

相關問題