php实现上传文件时带进度条

 1      $_SESSION["upload_progress_test"] = array(
 2         //请求时间
 3          "start_time" => 1234567890,
 4          // 上传文件总大小
 5          "content_length" => 57343257,
 6          //已经处理的大小
 7          "bytes_processed" => 453489,
 8          //当所有上传处理完成后为TRUE，未完成为false
 9          "done" => false,
10 
11          "files" => array(
12           0 => array(
13             //表单中上传框的名字
14 
15            "field_name" => "file1",
16 
17            //上传文件的名称
18            "name" => "test1.avi",
19 
20            //缓存文件，上传的文件即保存在这里
21            "tmp_name" => "/tmp/phpxxxxxx",
22 
23            //文件上传的错误信息
24            "error" => 0,
25 
26            //是否上传完成，当这个文件处理完成后会变成TRUE
27            "done" => true, 
28 
29            //这个文件开始处理时间
30            "start_time" => 1234567890,
31 
32            //这个文件已经处理的大小
33            "bytes_processed" => 57343250,     
34           ),
35 
36           1 => array(
37            "field_name" => "file2",
38            "name" => "test2.avi",
39            "tmp_name" => NULL,
40            "error" => 0,
41            "done" => false,                    
42            "start_time" => 1234567899,
43            "bytes_processed" => 54554,
44           ),
45          )
46         );

1     <form id="upload-form" action="upload.php" method="POST" enctype="multipart/form-data" style="margin:15px 0" target="hidden_iframe">
2         <input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="test" />
3         <p><input type="file" name="file1" /></p>
4         <p><input type="submit" value="Upload" /></p>
5     </form>
6     <div id="progress" class="progress" style="margin-bottom:15px;display:none;">
7         <div class="label">0%</div>
8     </div>

 1     <script src="../jquery/1.8.2/jquery.min.js"></script>
 2     <script type="text/javascript">
 3     function fetch_progress(){
 4         $.get('progress.php',{ '<?php echo ini_get("session.upload_progress.name"); ?>' : 'test'}, function(data){
 5             var progress = parseInt(data);
 6             $('#progress .label').html(progress + '%');
 7             if(progress < 100){
 8                 setTimeout('fetch_progress()', 100);    //当上传进度小于100%时，显示上传百分比
 9             }else{
10                 $('#progress .label').html('完成!'); //当上传进度等于100%时，显示上传完成
11             }
12         }, 'html');
13     }
14 
15     $('#upload-form').submit(function(){
16         $('#progress').show();
17         setTimeout('fetch_progress()', 100);//每0.1秒执行一次fetch_progress()，查询文件上传进度
18     });
19     </script> 

1     <?php
2     if(is_uploaded_file($_FILES['file1']['tmp_name'])){                                            //判断是否是上传文件
3         //unlink($_FILES['file1']['tmp_name']);    
4         move_uploaded_file($_FILES['file1']['tmp_name'], "./{$_FILES['file1']['name']}");     //将缓存文件移动到指定位置
5     }
6     ?>

 1     <?php
 2     /*
 3     开启session。请注意在session_start()之前，请不要有想浏览器输出内容的动作，否则可能引起错误。
 4     */
 5 
 6     session_start();
 7 
 8     //ini_get()获取php.ini中环境变量的值
 9     $i = ini_get('session.upload_progress.name');
10 
11     //ajax中我们使用的是get方法，变量名称为ini文件中定义的前缀 拼接 传过来的参数
12     $key = ini_get("session.upload_progress.prefix") . $_GET[$i];    
13     //判断 SESSION 中是否有上传文件的信息
14     if (!empty($_SESSION[$key])) {                                        
15         //已上传大小
16         $current = $_SESSION[$key]["bytes_processed"];
17         //文件总大小
18         $total = $_SESSION[$key]["content_length"];
19 
20         //向 ajax 返回当前的上传进度百分比。
21         echo $current < $total ? ceil($current / $total * 100) : 100;
22     }else{
23         echo 100;                                                       
24     }
25     ?>