PHP和jQuery打造文件上传进度条.docVIP

我们收到了许多9lessons读者关于PHP教程的一些请求，他们问如何使用PHP和Jquery创建文件上传进度条。在这篇文章里，Arun Kumar Sekar 已经使用PHP的APC库开发了一些代码，获取服务器端的文件上传进度并且使用jQuery和CSS来增加进度颜色是十分简单的，让我们看一下示例。 使用PHP和jQuery打造文件上传进度条 运行这个脚本你必须安装PHP的APC拓展库（PHP5.4版本的不需要），只需要遵循以下步骤启用扩展。网页设计方面，我们还是使用之前在使用Bootstrap Css设计博客一文中提到的bootstrap CSS 库。 Window下APC库的安装 此处请阅读之前发布的一片PHP教程—— HYPERLINK /php/installing-apc-in-windows.shtml \o windows下PHP APC拓展的安装和配置 \t _blank windows下安装PHP的APC拓展。 在php.ini 中包含如下代码 apc.rfc1867 = on （此行一定要添加） Linux APC 安装  HYPERLINK http://2/articles/installing-php-apc-gnulinux-centos-5.html \o Linux下APC安装 \t _blank 点击这里查看如何在linux下安装APC。 在php.ini 中包含如下代码 apc.rfc1867 = on （此行一定要添加） get_progress.php 这个文件从服务器确定文件上传的状态。 ?php session_start(); error_reporting(0); /* // For PHP 5.4 users $progress_key = ini_get(session.upload_progress.prefix).uploadImage; // uploadImage is a Form name $current = $_SESSION[$progress_key][bytes_processed]; $total = $_SESSION[$progress_key][content_length]; echo $current $total ? ceil($current / $total * 100) : 100; */ // For PHP 5.2+ php_apc.dll or php_apc.so holder if(isset($_GET[progress_key]) and !empty($_GET[progress_key])){ $status = apc_fetch(upload_.$_GET[progress_key]); echo $status[current]/$status[total]*100; exit; } ? index.php 生成表单，使用php上传文件。你应该添加验证规则。 ?php $uiq = uniqid(); $image_folder = uploads/; $uploaded = false; if(isset($_POST[upload_image])){ if($_FILES[userImage][error] == 0 ){ $up = move_uploaded_file($_FILES[userImage][tmp_name], $image_folder.$_FILES[userImage][name]); if($up){ $uploaded = true; } } } ? form name=uploadImage id=uploadImage enctype=multipart/form-data action=index.php?progress=?php echo($uiq)? method=post class=well labelUpload File/label input type=file name=userImage id=userImage / span class=badge badge-info style=display:none;0%/span input type=submit class=btn btn-success name=upload_image id=upload_image value=UPLOAD FILE / div class=progress style=display:none;div class=bar style=width:0%;/div/div /form JavaScript 文件 这个文件的代码很简单，就是