本文實(shí)例講述了PHP+apc+ajax實(shí)現(xiàn)的ajax_upload上傳進(jìn)度條代碼。分享給大家供大家參考,具體如下:
上傳進(jìn)度條是怎么實(shí)現(xiàn)的呢?原理是怎么樣的呢?當(dāng)我們?yōu)g覽,選擇上傳后,會(huì)產(chǎn)生一個(gè)臨時(shí)文件,上傳的時(shí)把這個(gè)臨時(shí)文件,上傳到服務(wù)器,上傳完成后,這個(gè)臨時(shí)文件會(huì)被刪除掉。如果我們能讀取這個(gè)臨時(shí)文件的大小,就知道上傳進(jìn)度是多少了,php apc模塊可以實(shí)現(xiàn)這個(gè)功能。
一、安裝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>上傳測(cè)試</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這個(gè)有什么用呢?它對(duì)上傳的文件添加一個(gè)標(biāo)記,就可以在其它的php程序中用這個(gè)標(biāo)記訪問(wèn)它。為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);}}});}
上面有一點(diǎn)要注意,APC_UPLOAD_PROGRESS:$("#progress_key").val()在這里,key是APC_UPLOAD_PROGRESS如果不是這個(gè)的話,apc找不到臨時(shí)文件的。在這里我為什么要用ajax_upload.js呢,因?yàn)閖query自帶的ajax,自帶參數(shù)沒(méi)有上傳文件的,也就是type='file'中的內(nèi)容,php端根本得不到。
四、upload.php上傳文件
<?phpif($_SERVER['REQUEST_METHOD'] == 'POST') {if(empty($_FILES["file"]["tmp_name"])){echo "no file";die;}$tmp_name = $_FILES["file"]["tmp_name"];$name = dirname($_SERVER['SCRIPT_FILENAME'])."/upload/".$_FILES["file"]["name"];move_uploaded_file($tmp_name, $name);echo "<p>File uploaded.</p>";}?>
如果文件比較大,就不要用http的方式來(lái)上傳了,太慢,并且影響網(wǎng)站的穩(wěn)定性。
五、progress.php取得進(jìn)度的文件,給ajax調(diào)用用的
<?phpif(isset($_GET['progress_key'])) {$status = apc_fetch('upload_'.$_GET['progress_key']);if($status['total']!=0 && !empty($status['total'])) {echo json_encode($status);} else {echo 0;}}?>
看一下,ajax 異步請(qǐng)求產(chǎn)生的數(shù)據(jù)。
php apc ajax 上傳進(jìn)度條
參數(shù)說(shuō)明:
total 文件大小
current 已上傳的大小
filename 上傳文件名
name 標(biāo)簽名
done 上傳成功為1
cancel_upload 用戶取消上傳,只有上傳完成時(shí)才有
rate 上傳速度,只有上傳完成時(shí)才有
start_time 開(kāi)始時(shí)間
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。