本文实例讲述了PHP+apc+ajax实现的ajax_upload上传进度条代码。分享给大家供大家参考，具体如下：
上传进度条是怎么实现的呢?原理是怎么样的呢?当我们浏览，选择上传后，会产生一个临时文件，上传的时把这个临时文件，上传到服务器，上传完成后，这个临时文件会被删除掉。如果我们能读取这个临时文件的大小，就知道上传进度是多少了，php apc模块可以实现这个功能。
一、安装apc模块
下载地址:http://pecl.php.net/package/apc
tar zxvf APC-3.1.8.tgzcd APC-3.1.8//usr/local/php/bin/phpize./configure --with-php-config=/usr/local/php/bin/php-configmake && make install
二、修改php.ini
extension = apc.soapc.rfc1867 = 1apc.max_file_size = 200Mupload_max_filesize = 1000Mpost_max_size = 1000Mmax_execution_time = 600max_input_time = 600memory_limit = 128M
修改好后，重起apache或者其他，查看一下
[root@BlackGhost php]# php -m[PHP Modules]apccgi-fcgictypecurldatedomeAccelerator。。。。。。。。
三、upload_test.php
<?php$id = uniqid(rand(), true);?><html><script type='text/javascript' src='jquery-1.3.2.js'></script><script type='text/javascript' src='ajaxupload.3.1.js'></script><script type='text/javascript' src='upload.js'></script><body style="text-align:center;"><h1>上传测试</h1><form enctype="multipart/form-data" id="upload" method="POST"><input type="hidden" name="APC_UPLOAD_PROGRESS" id="progress_key" value="<?=$id?>" /><input type="file" id="file" name="file" value=""/><br/><input id="submit" type="submit" value="Upload!" /></form><div id="progressouter" style="width: 500px; height: 20px; border: 1px solid black; display:none;"><div id="progressinner" style="position: relative; height: 20px; background-color: red; width: 0%; "></div></div><br /><div id='showNum'></div><br><div id='showInfo'></div><br></body></html><script type="text/javascript">$(document).ready(function(){form_submit();});</script>APC_UPLOAD_PROGRESS这个有什么用呢?它对上传的文件添加一个标记，就可以在其它的php程序中用这个标记访问它。为apc的读取提供支持。
upload.js异步上传的js文件：
function form_submit (){new AjaxUpload('#upload', {action: 'upload.php',name: 'file',data: {APC_UPLOAD_PROGRESS:$("#progress_key").val()},autoSubmit: true,onSubmit: function(file, extension){$('#progressouter').css('display', 'block');progress();},onComplete: function(file, response){$("#showInfo").html(response);}});}function progress (){$.ajax({type: "GET",url: "progress.php?progress_key="+$("#progress_key").val(),dataType: "json",cache:false,success: function(data){if(data == 0) {var precent = 0;} else {for (i in data) {if (i == "current") {var json_current = parseInt(data[i]);}if (i == "total") {var json_total = parseInt(data[i]);}}var precent = parseInt(json_current/json_total * 100);$("#progressinner").css("width",precent+"%");$("#showNum").html(precent+"%");$("#showInfo").html("ok");}if ( precent < 100) {setTimeout("progress()", 100);}}});}
新闻热点
疑难解答
