php之session上传进度

一、原理介绍

当客户端向服务端上传一个文件时候,php会把此文件的详细信息存储在session中,并且周期性的进行更新。这样客户端要做的就是,通过ajax定时请求session中的信息(进度信息),然后更新客户端的进度条即可。

二、开启session对上传进度的支持

修改php.ini文件,如下

session.upload_progress.enabled = On
 session.upload_progress.cleanup = On
 session.upload_progress.prefix = "upload_progress_"
 session.upload_progress.name = "PHP_SESSION_UPLOAD_PROGRESS"
 session.upload_progress.freq = "1%"
 session.upload_progress.min_freq = "1"

三、修改php.ini对上传文件大小的限制

max_execution_time 必须足够大
file_uploads = On 打开
upload_max_filesize 必须足够大
post_max_size 必须足够大
max_input_time 必须足够大
memory_limit 必须足够大

四、实例程序操作

index.php,这个文件有引用了bootstrap.min.css的样式,记得下载

<?php session_start(); ?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>Demo : PHP(5.4) Upload Progress via Session</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta name="author" content="">
    <meta name="robots" content="INDEX,FOLLOW" />

    <link rel="shortcut icon" href="/favicon.ico">
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">


<style type="text/css">
.progress{
    width:100%;
    border:1px solid #4da8fe;
    border-radius:40px;
    height:20px;
    position:relative;
}
.progress .label{
    position:relative;
    text-align:center;
}
.progress .bar{
    position:absolute;
    left:0;top:0;
    background:#4D90FE;
    height:20px;
    border-radius:40px;
    min-width:20px;
}
</style>

</head>
<body>
    <div id="nav" class="container">
        <div class="inner">
            <a href="/" class="logo">PureWeber</a>
        <ul>
            <li><a id="to-top" href="#nav">&laquo; 回到文章</a></li>
        </ul>
        </div>
    </div>
    <div id="wrap" class="container">

<div id="header">
    <h1>Demo : PHP(5.4) Upload Progress via Session</h1>
</div>
<div id="article">

<form id="upload-form" action="upload.php" method="POST" enctype="multipart/form-data" style="margin:15px 0" target="hidden_iframe">
    <input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="test" />
    <p><input type="file" name="file1" /></p>
    <p><input type="submit" value="Upload" /></p>
</form>


<div id="progress" class="progress" style="margin-bottom:15px;display:none;">
    <div class="bar" style="width:0%;"></div>
    <div class="label">0%</div>
</div>

</div> <!-- #article -->

    <div id="footer">
        <p>Copyright &copy; 2012 PureWeber.com</p>
    </div>
</div><!-- #wrap -->


<iframe id="hidden_iframe" name="hidden_iframe" src="about:blank" style="display:none;"></iframe>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
function fetch_progress(){
    $.get('progress.php',{ '<?php echo ini_get("session.upload_progress.name"); ?>' : 'test'}, function(data){
        var progress = parseInt(data);

        $('#progress .label').html(progress + '%');
        $('#progress .bar').css('width', progress + '%');

        if(progress < 100){
            setTimeout('fetch_progress()', 1000);
        }else{
            $('#progress .label').html('完成!');
        }
    }, 'html');
}

$('#upload-form').submit(function(){
    $('#progress').show();
    setTimeout('fetch_progress()', 1000);
});
</script>
</body>
</html>

upload.php

<?php

if(is_uploaded_file($_FILES['file1']['tmp_name'])){
    //unlink($_FILES['file1']['tmp_name']);
    move_uploaded_file($_FILES['file1']['tmp_name'], "./{$_FILES['file1']['name']}");
}

?>

progesss.php

<?php
session_start();

$i = ini_get('session.upload_progress.name');

$key = ini_get("session.upload_progress.prefix") . $_GET[$i];

if (!empty($_SESSION[$key])) {
    $current = $_SESSION[$key]["bytes_processed"];
    $total = $_SESSION[$key]["content_length"];
    echo $current < $total ? ceil($current / $total * 100) : 100;
}else{
    echo 100;
}


?>

访问这个index.php即可
效果如下


image.png

参考来源 http://blog.csdn.net/koastal/article/details/52980757

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,688评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,559评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,749评论 0 226
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,581评论 0 191
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,741评论 3 271
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,684评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,122评论 2 292
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,847评论 0 182
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,441评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,939评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,333评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,783评论 2 236
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,275评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,830评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,444评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,553评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,618评论 2 249

推荐阅读更多精彩内容

  • Php:脚本语言,网站建设,服务器端运行 PHP定义:一种服务器端的HTML脚本/编程语言,是一种简单的、面向对象...
    廖马儿阅读 2,078评论 2 38
  • php.ini设置,上传大文件: post_max_size = 128Mupload_max_filesize ...
    bycall阅读 6,643评论 3 64
  • 架构师必须知道的26项PHP安全实践 PHP是一种开源服务器端脚本语言,应用很广泛。Apache web服务器提供...
    meng_philip123阅读 5,978评论 1 161
  • 在网站使用nginx+php做负载均衡情况下,同一个IP访问同一个页面会被分配到不同的服务器上,如果session...
    dreamer_lk阅读 990评论 2 9
  • 零 他美好的就像是漫画里走出来的男主角,睿智而又讨人喜欢。 唯一一点就是他不爱笑,总是板着个扑克脸。生命中总有那么...
    沐小英阅读 311评论 0 3