PHP持續保有長鏈接，利用flush持續更新瀏覽器UI，下載進度條實現

時間 2019-11-08

標籤 php 持續保有鏈接利用 flush 更新瀏覽器下載進度實現欄目 PHP 简体版

原文原文鏈接

如何用PHP+JS實現上傳進度條，大部分的人可能都實現過，可是下載呢？如何呢？原理也是差很少的，就是分次讀寫，每次讀多少字節，可是這樣的很差就是長鏈接，通常實現下載進度條經常使用的兩種解決方案是：一種是須要用socket保持與客戶端通訊，持續保有長鏈接，利用flush（）持續更新瀏覽器UI，返回已下載的數據大小，而後能夠顯示下載速度，以及進度條之類；二種是php與flash交互，顯示進度條。javascript

<html>
<body>
<table border="1" width="300">
<tr><td width="100">文件大小</td><td width="200"><div id="filesize">未知長度</div></td></tr>
<tr><td>已經下載</td><td><div id="downloaded">0</div></td></tr>
<tr><td>完成進度</td><td><div id="progressbar" style="float:left;width:1px;text-align:center;color:#FFFFFF;background-color:#0066CC"></div><div id="progressText" style=" float:left">0%</div></td></tr>
</table>
<script type="text/javascript">
//文件長度
var filesize=0;
function $(obj) {return document.getElementById(obj);}

//設置文件長度
function setFileSize(fsize) {
    filesize=fsize;
    $("filesize").innerHTML=fsize;
}

//設置已經下載的,並計算百分比
function setDownloaded(fsize) {
    $("downloaded").innerHTML=fsize;
    if(filesize>0) {
        var percent=Math.round(fsize*100/filesize);
        $("progressbar").style.width=(percent+"%");
        if(percent>0) {
            $("progressbar").innerHTML=percent+"%";
            $("progressText").innerHTML="";
        } else {
            $("progressText").innerHTML=percent+"%";
        }
    }
}
</script>
<?php
ob_start();
@set_time_limit(300);//設置該頁面最久執行時間爲300秒
$url="http://dl_dir.qq.com/qqfile/qq/QQ2010/QQ2010Beta3.exe";//要下載的文件
$newfname="QQ2010Beta3.exe";//本地存放位置，也能夠是E:\Temp\QQ2010Beta3.exe，這樣作在Win7下要設置相應權限
$file = fopen ($url, "rb");
if ($file) {
    //獲取文件大小
    $filesize = -1;
    $headers = get_headers($url, 1);
    if ((!array_key_exists("Content-Length", $headers))) $filesize=0;
    $filesize = $headers["Content-Length"];
    
    //不是全部的文件都會先返回大小的，有些動態頁面不先返回總大小，這樣就沒法計算進度了
    if ($filesize != -1) {
        echo "<script>setFileSize($filesize);</script>";//在前臺顯示文件大小
    }
    $newf = fopen ($newfname, "wb");
    $downlen=0;
    if ($newf) {
        while(!feof($file)) {
            $data=fread($file, 1024 * 8 );//默認獲取8K
            $downlen+=strlen($data);//累計已經下載的字節數
            fwrite($newf, $data, 1024 * 8 );
            echo "<script>setDownloaded($downlen);</script>";//在前臺顯示已經下載文件大小
            ob_flush();
            flush();
        }
    }
    if ($file) {
        fclose($file);
    }
    if ($newf) {
        fclose($newf);
    }
}
?>
</body>
</html>