用户名:
密 码: 记住
您当前的位置:首页 > 网络编程 > php教程

PHP 文件上传进度条实现程序

时间:2015-01-23  来源:西部数据  作者:西部数据

在php中要实现上传进度条有很多方法,如ajax是现在的主流或利用iframe来实现,现在我们来介绍php的apc与uploadprogress实现文件上传进度条效果.

目前我知道的方法有两种,一种是使用PHP的创始人 Rasmus Lerdorf 写的APC扩展模块来实现(http://pecl.php.net/package/apc),另外一种方法是使用PECL扩展模块 uploadprogress实现(http://pecl.php.net/package/uploadprogress)我这里举两个分别实现的例子供参考,更灵活的应用根据自己需要来修改.

APC实现方法:

安装APC,参照官方文档安装,可以使用PECL模块安装方法快速简捷,这里不说明配置php.ini,设置参数 apc.rfc1867=1,使APC支持上传进度条功能,在APC源码说明文档里面有说明.

代码范例,代码如下:

  1. if ($_SERVER['REQUEST_METHOD'] == 'POST') {  //上传请求 
  2.     $status = apc_fetch('upload_' . $_POST['APC_UPLOAD_PROGRESS']); 
  3.     $status['done'] = 1; 
  4.     echo json_encode($status);  //输出给用户端页面里的ajax调用,相关文档请自己寻找 
  5.     exit
  6. elseif (isset($_GET['progress_key'])) {   //读取上传进度 
  7.     $status = apc_fetch('upload_'.$_GET['progress_key']); 
  8.     echo json_encode($status); 
  9.     exit
  10. else { 
  11.     //其他代码,比如上传表单等 

uploadprogress 模块实现方法,使用PECL模块安装方法安装该模块,php.ini里面设置 uploadprogress.file.filename_template = “/tmp/upd_%s.txt”.

代码范例,代码如下:

  1. if($_SERVER['REQUEST_METHOD']=='POST') { 
  2.     if (is_uploaded_file($_FILES['upfile']['tmp_name'])) { 
  3.         $upload_dir = 'your_path/'
  4.         $ext        = strrchr($_FILES['video']['name'], '.'); 
  5.         $sessid     = $_POST['UPLOAD_IDENTIFIER'] ; 
  6.         $tmpfile    = $upload_dir . $sessid;   
  7.         $sessfile   = $upload_dir . $sessid .$ext
  8.         if (move_uploaded_file($_FILES['upfile']['tmp_name'],$tmpfile)) { 
  9.             //上传成功 
  10.         } else { 
  11.             //上传失败 
  12.     } else { 
  13.         //上传错误 
  14.          
  15. elseif (!emptyempty($_GET['sessid'])) { 
  16.     header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); 
  17.     header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); 
  18.     header("Cache-Control: no-store, no-cache, must-revalidate"); 
  19.     header("Cache-Control: post-check=0, pre-check=0", false); 
  20.     header("Pragma: no-cache"); 
  21.     header("Content-Type:text/html;charset=UTF-8"); 
  22.  
  23.     $unique_id = $_GET['sessid']; 
  24.     $uploadvalues = uploadprogress_get_info($unique_id); 
  25.  
  26.     if (is_array($uploadvalues)) { 
  27.         echo json_encode($uploadvalues); 
  28.     } else { 
  29.         //读取进度失败,另外处理逻辑 
  30.     } 
  31.      
  32. else { 
  33.     //显示上传表单 

整合,现在剩下的只是要把所有内容 hook 到一起,您可以通过 progress.php 页面来完成此操作.

清单 5,最终的 progress.php 页面,代码如下:

  1. <?php 
  2.    $id = uniqid(""); 
  3. ?> 
  4. <html> 
  5. <head><title>Upload Example</title></head> 
  6. <body> 
  7.  
  8. <script src="http://maps.google.com/maps?file=api&v=2&key=<yourkeyhere>" 
  9.             type="text/javascript"></script> 
  10.  
  11. <script type="text/javascript"
  12.  
  13. function getProgress(){ 
  14.   GDownloadUrl("getprogress.php?progress_key=<?php echo($id)?>",  
  15.                function(percent, responseCode) { 
  16.                    document.getElementById("progressinner").style.width = percent+"%"
  17.                    if (percent < 100){ 
  18.                         setTimeout("getProgress()", 100); 
  19.                    } 
  20.                }); 
  21.  
  22.  
  23. function startProgress(){ 
  24.     document.getElementById("progressouter").style.display="block"
  25.     setTimeout("getProgress()", 1000); 
  26.  
  27. </script> 
  28.  
  29. <iframe id="theframe" name="theframe"  
  30.         src="upload.php?id=<?php echo($id) ?>"  
  31.         style="border: none; height: 100px; width: 400px;" >  
  32. </iframe>//开源代码phpfensi.com 
  33. <br/><br/> 
  34.  
  35. <div id="progressouter" style= 
  36.    "width: 500px; height: 20px; border: 6px solid red; display:none;"
  37.    <div id="progressinner" style= 
  38.        "position: relative; height: 20px; background-color: purple; width: 0%; "
  39.    </div> 
  40. </div> 
  41.  
  42. </body> 
  43. </html> 

从底层开始向上层工作,我们已经添加了嵌入清单 1 中的 upload.php 脚本的 iframe,给它提供了在页面顶部生成的惟一 ID,现在,是否还记得该表单中的 Submit 按钮?代码如下:

<input onclick="window.parent.startProgress(); return true;" type="submit" value="Upload!"/>

该按钮将完成两项工作,提交表单,像普通的 Submit 按钮一样,但在执行该操作之前,它将在主窗口中调用 startProgress() 脚本,startProgress() 脚本将告诉进度条显示自身 —— 开始时无显示属性,然后告诉浏览器等待一秒,然后再执行 getProgress() 脚本.

现在,getProgress() 脚本将使事情变得有趣,记不记得在前面我说过将需要使用 Ajax 或某种类似的方法来检查文件的进度?对,在本例中,表单将采用捷径,调用来自 Google Maps API 库的 GdownloadUrl() 函数,注意,表单将导入位于页面顶部的库,您将需要获得自己的访问此库的密钥,但是它是从 Google 免费获取的.

此函数将下载 URL 的内容 —— 本例中为 getprogress.php 脚本 —— 并执行在其中定义的匿名函数,函数所接受的第一个参数是从 URL 返回的数据,本例中为百分比,以便使用它更新进度条,最后,如果文件尚未完成下载,则告诉浏览器每十分之一秒重试一次,在实际情况中,可能无法那么快地执行这些调用,但是浏览器将尽其所能进行操作.

最终结果是页面使用户可以查看文件正被上传的进度.

如果文件太大了我们可以如下操作:

PHP限制上传文件大小第一,在php.ini里面查看如下行:

  1. upload_max_filesize = 8M 
  2.  
  3. post_max_size = 10M 
  4.  
  5. memory_limit = 20M 

把这些值改成我所说的,看看有没有问题,另外要确认上传的 <form> 里没有类似下面的这行:<input type="hidden" name="MAX_FILE_SIZE" value="500000">这样也是限制上传大小用的.

PHP限制上传文件大小第二,如果是apache 2 需要修改:/etc/httpd/conf.d/php.conf 中的LimitRequestBody 524288将524288(=512×1024)改大,比如5M(=5×1024×1024).

在PHP限制上传文件大小之后,文件上传就不会出现如上问题,上传不响应,上传现实该页无法现实也将得到解决.

来顶一下
返回首页
返回首页
推荐资讯
WiFi太不安全:7岁女孩11分钟内入侵公共网络 WiFi太不安全:7岁女孩11分钟内入侵近期刚刚发布研究说WiFi网络能获得人们手机里多少私人信息,
不服跑个分?人工智能也出现“刷分”乱象 不服跑个分?人工智能也出现“刷分2014年,人工智能领域突然爆发,成为了科研和科技创业的热门
相关文章
    无相关信息
栏目更新
栏目热门