如何用PHP+JS实现上传进度条，大部分的人可能都实现过，但是下载呢？如何呢？原理也是差不多的，就是分次读写，每次读多少字节，但是这样的不好就是长连接，一般实现下载进度条常用的两种解决方案是：一种是需要用socket保持与客户端通信，持续保有长连接，利用flush（）持续更新浏览器UI，返回已下载的数据大小，然后可以显示下载速度，以及进度条之类；二种是php与flash交互，显示进度条。

<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持续保有长连接，利用flush持续更新浏览器UI，下载进度条实现的更多相关文章

  1. 一个利用 Parallel.For 并行处理任务，带有进度条（ProgressBar）的 WinForm 实例（下）

    接着上一篇:一个利用 Parallel.For 并行处理任务,带有进度条(ProgressBar)的 WinForm 实例(上) 直接贴代码了: using System; using System. ...

  2. python3 爬虫利用Requests 实现下载进度条

    一.编写代码 from datetime import datetime,date,timedelta from contextlib import closing import urllib,url ...

  3. Loadrunner_http长连接设置

    最近协助同事解决了几个问题,也对loadrunner的一些设置加深了理解,关键是更加知其所以然. ljonathan http://www.51testing.com/html/48/202848-2 ...

  4. 初识python： flush 实现进度条打印

    通过flush(强制刷新)实现,类似进度条打印: #!/user/bin env python # author:Simple-Sir # time:20180918 #打印进度条 import sy ...

  5. 利用Jquery实现http长连接(LongPoll) {转}

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryAjaxLongPo ...

  6. 【转】手把手教你利用Jenkins持续集成iOS项目

    前言 众所周知,现在App的竞争已经到了用户体验为王,质量为上的白热化阶段.用户们都是很挑剔的.如果一个公司的推广团队好不容易砸了重金推广了一个APP,好不容易有了一些用户,由于一次线上的bug导致一 ...

  7. 手把手教你利用Jenkins持续集成iOS项目

    前言 众所周知,现在App的竞争已经到了用户体验为王,质量为上的白热化阶段.用户们都是很挑剔的.如果一个公司的推广团队好不容易砸了重金推广了一个APP,好不容易有了一些用户,由于一次线上的bug导致一 ...

  8. Unity3D中通过Animator动画状态机获取任意animation clip的准确播放持续时长

    Unity3d 4及之前的版本中动画的播放用的animation,可直接获取其播放持续长度.但5.x及以后的版本中都是用animator来播放动画了. https://docs.unity3d.com ...

  9. PHP根据秒计算持续时长

    /** * 计算持续时长 * * @param int $second 秒数 * @return string $duration 5天10小时43分钟40秒 */ function second2d ...

随机推荐

  1. ASIHTTPRequest 编码问题

    今天在模拟登陆时,中文的用户名一直登陆不上,对用户名进行了各种转码还是不能解决. 在这个问题上一直卡了半个多小时,最终才发现根本不是用户名的编码问题,而是使用的第三方网络插件的ASIHTTPReque ...

  2. jexus asp.net Linux Web Server

    Jexus简介 Jexus web server for linux 是运行在Linux上的Web服务器.其安装和部署及其简单,直接支持Asp.net . 下载Jexus wget http://li ...

  3. 在高版本SDK中打开现存低版本SDK工程

    直接打开低版本SDK工程会出现错误提示:“Unable to resolve target 'android-xx” 解决方法: 1.将project.properties文件中的“target=an ...

  4. SpringMVC（一）

    开始学习SpringMVC了,就写下每次学习的内容,以及自己的理解.方便以后回顾知道自己哪里好哪里不好~~~ 一.目录 1.主目录如此: 2.target目录 二.文件 1.主要用到的几个文件夹(如主 ...

  5. session 重写进入redis测试

    在实际业务中,当session存储过多 或者操作频繁,业务逐渐扩展的时候,文件存储已经无法满足session操作速度和需求,可以考虑用数据库或者nosql的redis来存储session,本文讲解如何 ...

  6. 最牛X的编码套路

    最近,我大量阅读了Steve Yegge的文章.其中有一篇叫"Practicing Programming"(练习编程),写成于2005年,读后令我惊讶不已: 与你所相信的恰恰相反 ...

  7. 本地或者是koala软件编译less文件为css

    背景: 事情的起因是这般的,平时工作是在线上办公,样式是使用less来写,于是乎,这样我从线上download下来的less文件无法直接在自己的本地环境运行.有一个问题就是我要把less文件先编译成c ...

  8. 单点登录系统CAS筹建及取得更多用户信息的实现

    国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私 ...

  9. 教你50招提升ASP.NET性能（十一）：避免在调试模式下运行网站

    (17)Avoid running sites in debug mode 招数17: 避免在调试模式下运行网站 When it comes to ASP.NET, one of the most c ...

  10. js判断字符在另一个字符串中出现次数

    经过搜索验证,提供两个方法. 1. 通过分割获取长度原理 var s = 'www.51qdq.com';var n = (s.split('.')).length-1;alert(n);  //弹出 ...