如何用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. 分享两个模拟get和post方法的工具类，让应用能够与服务器进行数据交互

    很久没有码字了,今天跟大家分享一个模拟get和post方法的工具类,在安卓应用中很多都需要跟服务器进行数据交互,这需要两方面的配合,首先服务器端会给应用提供一些数据交互的接口,可是怎样在应用中去调用呢 ...

  2. leetcode@ [54/59] Spiral Matrix & Spiral Matrix II

    https://leetcode.com/problems/spiral-matrix/ Given a matrix of m x n elements (m rows, n columns), r ...

  3. BNUOJ-29358 Come to a spring outing 搜索,DP

    题目链接:http://www.bnuoj.com/bnuoj/problem_show.php?pid=29358 状态虽然很多,但是非常稀疏,dfs搜索然后剪下枝.. 或者DP,f[i][j][k ...

  4. HDU5781--ATM Mechine(概率dp)

    题意:Alice忘记了自己银行里存了多少钱,只记得在［0,k］之间.每次取钱如果余额足够就出钱,否则警告一次,警告超过w次就会把你抓起来,在不想被警察抓起来的前提下,Alice采取最优策略,求期望取钱 ...

  5. EventBus使用小记

    自从使用了EventBus,代码干净了好多. 从此你不用startActivityForResult了,从此你不用再写注册BroadcastReceiver了,从此你不用再写一些回调了. 只需要在需要 ...

  6. [iOS基础控件 - 6.6] 展示团购数据 自定义TableViewCell

    A.需求 1.头部广告 2.自定义cell:含有图片.名称.购买数量.价格 3.使用xib设计自定义cell,自定义cell继承自UITableViewCell 4.尾部“加载更多按钮”,以及其被点击 ...

  7. IAR 编译错解决Error[e16]: Segment NEAR_Z (size: 0x16d align: 0) is too long for segment definition. At least 0x83 more bytes needed.

    Error[e16]: Segment NEAR_Z (size: 0x16d align: 0) is too long for segment definition. At least 0x83 ...

  8. SQL提高查询效益之in、not in、between、like等条件讲述

    在使用SQL语句查询数据库记录时,如果要查询相同的内容,有着不同的多种方法. 仍然,尽管使用多种方法可以得到相同的结果,但是,如果您使用不同的方法,在执行效益上是截然不同的.因此,我们得仔细考虑,如果 ...

  9. CSS滤镜

    Filter属性介绍 Alpha滤镜的使用 Blur滤镜的使用 Filph.Filpv滤镜 DropShadow滤镜 Glow 滤镜 Gray ,Invert,Xray 滤镜 Shadow滤镜 19. ...

  10. IntelliJ IDEA 使用教程 - AS3篇

    喜欢IntelliJ IDEA的黑色皮肤,所以研究了下这个IDE的使用: 安装ActionScript Profiler插件: IDEA默认不带分析功能,需要下载安装该插件才行: File->S ...