PHP文件上传进度条基于Session与Javascript实现

发布时间：2022-09-14 12:48:05 所属栏目：PHP教程来源：

导读：　　PHP文件上传进度条基于Session与Javascript实现

　　如果你使用的是php5.4之前的就只能通过ajax,iframe或一些其它办法来实现,如果你使用的是php5.4我们可以使用session.upload_progress 来快速结合js实现文件

　　PHP文件上传进度条基于Session与Javascript实现

　　如果你使用的是php5.4之前的就只能通过ajax,iframe或一些其它办法来实现,如果你使用的是php5.4我们可以使用session.upload_progress 来快速结合js实现文件上传进度条.

　　下面我们就详细介绍一下 PHP 5.4 的这个 session.upload_progress 新特性.

　　原理介绍:

　　当浏览器向服务器端上传一个文件时,PHP将会把此次文件上传的详细信息(如上传时间、上传进度等)存储在session当中,然后随着上传的进行,周期性的更新session中的信息,这样,浏览器端就可以使用Ajax周期性的请求一个服务器端脚本,由该脚本返回session中的进度信息,浏览器端的Javascript即可根据这些信息显示/更新进度条了.

　　那么,文件上传信息具体是如何存储的？我们要如何访问它呢？下面我们来详细说明.

　　PHP 5.4 中引入了一些配置项(在php.ini中进行设置)

　　session.upload_progress.enabled="1"

　　session.upload_progress.cleanup="1"

　　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"

　　其中enabled控制upload_progress功能的开启与否,默认开启,cleanup 则设置当文件上传的请求提交完成后,是否清除session的相关信息,默认开启.

　　prefix 和 name 两项用来设置进度信息在session中存储的变量名/键名,关于这两项的详细使用见下文.

　　freq 和 min_freq 两项用来设置服务器端对进度信息的更新频率。合理的设置这两项可以减轻服务器的负担。

　　在上传文件的表单中,需要为该次上传设置一个标识符,并在接下来的过程中使用该标识符来引用进度信息,具体的,在上传表单中需要有一个隐藏的input,它的name属性为php.ini中 session.upload_progress.name 的值,它的值为一个由你自己定义的标识符,如下:

　　"hidden"

　　name=""

　　value="test"/>

　　接到文件上传的表单后,PHP会在$_SESSION变量中新建键,键名是一个将session.upload_progress.prefix的值与上面你自定义的标识符连接后得到的字符串,可以这样得到:

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

　　$key=ini_get('session.upload_progress.prefix').$_POST[$name];

　　$_SESSION[$key];//这里就是此次文件上传的进度信息了

　　$_SESSION[$key]这个变量的结构是这样的：

　　$_SESSION["upload_progress_test"]=array(

　　"start_time"=>1234567890,//开始时间

　　"content_length"=>57343257,//POST请求的总数据长度

　　"bytes_processed"=>453489,//已收到的数据长度

　　"done"=>false,//请求是否完成true表示完成，false未完成

　　//单个文件的信息

　　"files"=>array(

　　0=>array(...),

　　//同一请求中可包含多个文件

　　1=>array(...),

　　)

　　);

　　这样,我们就可以使用其中的 content_length 和 bytes_processed 两项来得到进度百分比.

　　程序示例:

　　原理介绍完了,下面我们来完整的实现一个基于PHP和Javascript的文件上传进度条,本示例的代码仓库: Github: pureweber/samples/php-upload-progress

　　上传表单,首先,来编写我们的上传表单页面 index.php,代码如下:

　　"progress"class="progress"style="margin-bottom:15px;display:none;">

　　class="bar"style="width:0%;">

　　class="label">0%

　　注意表单中的session.upload_progress.name隐藏项,值设置为了test,表单中仅有一个文件上传input,如果需要,你可以添加多个.

　　这里需要特别注意一下表单的target属性,这里设置指向了一个当前页面中的iframe,这一点很关键,通过设置target属性,让表单提交后的页面显示在iframe中,从而避免当前的页面跳转,因为我们还得在当前页面显示进度条呢.

　　#progress 这个div是用来显示进度条的.

　　注意:别忘了在index.php的最开始加上session_start().

　　处理上传的文件,表单的action指向upload.php,我们在upload.php中处理上传的文件,将它转存到当前目录,这里与通常情况下的上传处理没有区别.

　　if(is_uploaded_file($_FILES['file1']['tmp_name'])){

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

　　}

　　Ajax获取进度信息

　　这一步是关键,我们需要建立一个 progress.php 文件,用来读取session中的进度信息; 然后我们在 index.php 中增加Javascript代码,向 progress.php 发起Ajax请求,然后根据获得的进度信息更新进度条.

　　progress.php 的代码如下:

　　session_start();

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

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

　　if(!emptyempty($_SESSION[$key])){

　　$current=$_SESSION[$key]["bytes_processed"];

　　$total=$_SESSION[$key]["content_length"];

　　echo$current

（编辑：应用网_镇江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

在PHP中如何调用webse	运用PHP构造函数
细解PHP会话存储方式	PHP正则表达式基本函数