這篇文章給大家分享的是有關(guān)PHP+apc+ajax如何實現(xiàn)的ajax_upload上傳進(jìn)度條的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
站在用戶的角度思考問題,與客戶深入溝通,找到魯?shù)榫W(wǎng)站設(shè)計與魯?shù)榫W(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋魯?shù)榈貐^(qū)。具體如下:
上傳進(jìn)度條是怎么實現(xiàn)的呢?原理是怎么樣的呢?當(dāng)我們?yōu)g覽,選擇上傳后,會產(chǎn)生一個臨時文件,上傳的時把這個臨時文件,上傳到服務(wù)器,上傳完成后,這個臨時文件會被刪除掉。如果我們能讀取這個臨時文件的大小,就知道上傳進(jìn)度是多少了,php apc模塊可以實現(xiàn)這個功能。
一、安裝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 > <h2>上傳測試</h2><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" > <div id="progressinner" > </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這個有什么用呢?它對上傳的文件添加一個標(biāo)記,就可以在其它的php程序中用這個標(biāo)記訪問它。為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); } } }); }
上面有一點要注意,APC_UPLOAD_PROGRESS:$("#progress_key").val()在這里,key是APC_UPLOAD_PROGRESS如果不是這個的話,apc找不到臨時文件的。在這里我為什么要用ajax_upload.js呢,因為jquery自帶的ajax,自帶參數(shù)沒有上傳文件的,也就是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的方式來上傳了,太慢,并且影響網(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; } } ?>
參數(shù)說明:
total 文件大小
current 已上傳的大小
filename 上傳文件名
name 標(biāo)簽名
done 上傳成功為1
cancel_upload 用戶取消上傳,只有上傳完成時才有
rate 上傳速度,只有上傳完成時才有
start_time 開始時間
感謝各位的閱讀!關(guān)于“PHP+apc+ajax如何實現(xiàn)的ajax_upload上傳進(jìn)度條”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
網(wǎng)站題目:PHP+apc+ajax如何實現(xiàn)的ajax_upload上傳進(jìn)度條-創(chuàng)新互聯(lián)
URL鏈接:http://aaarwkj.com/article30/gjcso.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、電子商務(wù)、營銷型網(wǎng)站建設(shè)、軟件開發(fā)、標(biāo)簽優(yōu)化、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容