PHP+apc+ajax實(shí)現(xiàn)的ajax_upload上傳進(jìn)度條代碼
本文實(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.tgz cd APC-3.1.8/ /usr/local/php/bin/phpize ./configure --with-php-config=/usr/local/php/bin/php-config make && make install
二、修改php.ini
extension = apc.so apc.rfc1867 = 1 apc.max_file_size = 200M upload_max_filesize = 1000M post_max_size = 1000M max_execution_time = 600 max_input_time = 600 memory_limit = 128M
修改好后,重起apache或者其他,查看一下
[root@BlackGhost php]# php -m [PHP Modules] apc cgi-fcgi ctype curl date dom eAccelerator 。。。。。。。。
三、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上傳文件
<?php if($_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)用用的
<?php if(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í)間
更多關(guān)于PHP文件及ajax操作相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《php文件操作總結(jié)》及《PHP+ajax技巧與應(yīng)用小結(jié)》
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。
- PHP中使用Session配合Javascript實(shí)現(xiàn)文件上傳進(jìn)度條功能
- PHP 文件上傳進(jìn)度條的兩種實(shí)現(xiàn)方法的代碼
- PHP+Ajax異步帶進(jìn)度條上傳文件實(shí)例
- php上傳文件并顯示上傳進(jìn)度的方法
- PHP+FLASH實(shí)現(xiàn)上傳文件進(jìn)度條相關(guān)文件 下載
- jquery+php+ajax顯示上傳進(jìn)度的多圖片上傳并生成縮略圖代碼
- PHP + plupload.js實(shí)現(xiàn)多圖上傳并顯示進(jìn)度條加刪除實(shí)例代碼
- PHP+Ajax實(shí)現(xiàn)上傳文件進(jìn)度條動(dòng)態(tài)顯示進(jìn)度功能
- php ajax實(shí)現(xiàn)文件上傳進(jìn)度條
- php+ajax實(shí)現(xiàn)帶進(jìn)度條的上傳圖片功能【附demo源碼下載】
- PHP利用APC模塊實(shí)現(xiàn)文件上傳進(jìn)度條的方法
- PHP使用Session實(shí)現(xiàn)上傳進(jìn)度功能詳解
相關(guān)文章
PHP獲取當(dāng)前時(shí)間不準(zhǔn)確問(wèn)題解決方案
這篇文章主要介紹了PHP獲取當(dāng)前時(shí)間不準(zhǔn)確問(wèn)題解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08PHP組合模式Composite Pattern優(yōu)點(diǎn)與實(shí)現(xiàn)過(guò)程
這篇文章主要介紹了PHP組合模式Composite Pattern優(yōu)點(diǎn)與實(shí)現(xiàn),組合模式是一種結(jié)構(gòu)型模式,它允許你將對(duì)象組合成樹形結(jié)構(gòu)來(lái)表示“部分-整體”的層次關(guān)系。組合能讓客戶端以一致的方式處理個(gè)別對(duì)象和對(duì)象組合2023-03-03PHP實(shí)現(xiàn)隨機(jī)發(fā)撲克牌
這篇文章主要為大家詳細(xì)介紹了PHP實(shí)現(xiàn)隨機(jī)發(fā)撲克牌,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-04-04Json_encode防止?jié)h字轉(zhuǎn)義成unicode的方法
json_encode通常會(huì)把json中的漢字轉(zhuǎn)義成unicode,但是有些時(shí)候不是我們想要的,下面小編給大家介紹json_encode防止?jié)h字轉(zhuǎn)義成unicode的方法,需要的朋友參考下吧2016-02-02php數(shù)組函數(shù)序列之a(chǎn)rray_keys() - 獲取數(shù)組鍵名
array_keys() 函數(shù)返回包含數(shù)組中所有鍵名的一個(gè)新數(shù)組。如果提供了第二個(gè)參數(shù),則只返回鍵值為該值的鍵名2011-10-10php通過(guò)curl添加cookie偽造登陸抓取數(shù)據(jù)的方法
這篇文章主要介紹了php通過(guò)curl添加cookie偽造登陸抓取數(shù)據(jù)的方法,涉及PHP基于curl操作cookie及頁(yè)面抓取的相關(guān)技巧,需要的朋友可以參考下2016-04-04PHP下對(duì)數(shù)組進(jìn)行排序的函數(shù)
如果你已經(jīng)使用了一段時(shí)間PHP的話,那么,你應(yīng)該已經(jīng)對(duì)它的數(shù)組比較熟悉了——這種數(shù)據(jù)結(jié)構(gòu)允許你在單個(gè)變量中存儲(chǔ)多個(gè)值,并且可以把它們作為一個(gè)集合進(jìn)行操作。2010-08-08