如何用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. cygwin远程操作linux

    远程登录 1.ssh <username>@<IP> eg:ssh root@10.20.30.255 2.输入密码就OK 远程拷贝 1.scp -r <username ...

  2. jetty上传 Form too large: 275782 > 200000

    1,找到jetty服务器下的jetty.xml,在 <Configure id="Server" class="org.eclipse.jetty.server.S ...

  3. leetcode@ [79/140] Trie树应用 Word Search / Word Search II

    https://leetcode.com/problems/word-search/ class Solution { public: struct Trie{ Trie *next[]; bool ...

  4. HDU-4716 A Computer Graphics Problem 水题

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4716 直接搞.. //STATUS:C++_AC_0MS_288KB #include <fun ...

  5. Base64 报错 的解决办法 （Base-64 字符数组或字符串的长度无效。， 输入的不是有效的 Base-64 字符串，因为它包含非 Base-64 字符、两个以上的填充字符，或者填充字符间包含非法字符。）

    Base64 报错 的解决办法, 报错如下:1. FormatException: The input is not a valid Base-64 string as it contains a n ...

  6. HDU 1890--Robotic Sort（Splay Tree）

    题意:每次找出第i大的数的位置p输出,然后将i~p之间的数反转. 题解:每次把要的区间转成一棵子树,然后更新.因为每次将第i小的数转到了了i,所以k次操作后,可知前k个数一定是最小的那k个数,所以以后 ...

  7. Java实现在访问者模式中使用反射

    集合类型在面向对象编程中很常用,这也带来一些代码相关的问题.比如,“怎么操作集合中不同类型的对象?” 一种做法就是遍历集合中的每个元素,然后根据它的类型而做具体的操作.这会很复杂,尤其当你不知道集合中 ...

  8. Hadoop MapReduce概念学习系列之mr的Shuffle（二十二）

    Shuffle是非常非常非常重要.搞mr,必须熟烂于心. 因为,分区,分组,排序,,,都是在Shuffle里完成.

  9. linux shell-syntax error near unexpected token错误

    在windows下用记事本编写linux shell脚本后,执行遇到syntax error near unexpected token错误 问题原理:网上找了好久,找到原因,原来是回行的问题,每个系 ...

  10. 转载 .net中的dll.refresh文件和pdb文件

    转载原地址: http://blog.csdn.net/lihuang319/article/details/6433727 dll.refresh文件 打开refresh文件,可以看到里面仅仅是个路 ...