집 > 기사 > 백엔드 개발 > PHP는 계속해서 긴 연결을 유지하고 플러시를 사용하여 브라우저 UI를 지속적으로 업데이트하며 다운로드 진행률 표시줄을 구현합니다.

PHP는 계속해서 긴 연결을 유지하고 플러시를 사용하여 브라우저 UI를 지속적으로 업데이트하며 다운로드 진행률 표시줄을 구현합니다.

WBOY원래의: 2016-08-08 09:31:051334검색

PHP+JS를 사용하여 업로드 진행률 표시줄을 구현하는 방법 대부분의 사람들이 구현했을 수도 있지만 다운로드는 어떻습니까? 어떻게? 일괄적으로 읽고 쓰는 것과 매번 읽는 바이트 수는 비슷하지만 일반적으로 다운로드 진행률 표시줄을 구현하는 데 일반적으로 사용되는 두 가지 솔루션은 연결 시간이 길다는 점입니다. : 하나는 클라이언트와의 통신을 유지하기 위해 소켓을 사용하는 것입니다. 통신을 위해 계속 긴 연결을 유지하고, 플러시()를 사용하여 브라우저 UI를 지속적으로 업데이트하고, 다운로드한 데이터의 크기를 반환한 다음, 다운로드 속도를 표시합니다. 진행률 표시줄 등 두 번째는 진행률 표시줄을 표시하기 위해 PHP 및 플래시와 상호작용하는 것입니다.

<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>

위 내용은 PHP가 계속해서 긴 연결을 유지하고, 플러시를 사용하여 브라우저 UI를 지속적으로 업데이트하고, 콘텐츠 측면을 포함하여 다운로드 진행률 표시줄을 구현하는 방법을 소개했습니다. PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.

성명：

이전 기사：Weibo 개발 2 클라이언트 BaseTask 및 BaseTaskPool다음 기사：Weibo 개발 2 클라이언트 BaseTask 및 BaseTaskPool

PHP는 계속해서 긴 연결을 유지하고 플러시를 사용하여 브라우저 UI를 지속적으로 업데이트하며 다운로드 진행률 표시줄을 구현합니다.

관련 기사