PHP+apc+ajax如何實(shí)現(xiàn)的ajax_upload上傳進(jìn)度條-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)PHP+apc+ajax如何實(shí)現(xiàn)的ajax_upload上傳進(jìn)度條的內(nèi)容。小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧。

站在用戶(hù)的角度思考問(wèn)題,與客戶(hù)深入溝通,找到魯?shù)榫W(wǎng)站設(shè)計(jì)與魯?shù)榫W(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶(hù)體驗(yàn)好的作品,建站類(lèi)型包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋魯?shù)榈貐^(qū)。

具體如下:

上傳進(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 >
<h2>上傳測(cè)試</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這個(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;
}
}
?>

參數(shù)說(shuō)明:

total           文件大小
current       已上傳的大小
filename     上傳文件名
name          標(biāo)簽名
done          上傳成功為1
cancel_upload      用戶(hù)取消上傳,只有上傳完成時(shí)才有
rate 上傳速度,只有上傳完成時(shí)才有
start_time   開(kāi)始時(shí)間

感謝各位的閱讀!關(guān)于“PHP+apc+ajax如何實(shí)現(xiàn)的ajax_upload上傳進(jìn)度條”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!

網(wǎng)站題目:PHP+apc+ajax如何實(shí)現(xiàn)的ajax_upload上傳進(jìn)度條-創(chuàng)新互聯(lián)
URL鏈接:http://bm7419.com/article30/gjcso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開(kāi)發(fā)、電子商務(wù)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)軟件開(kāi)發(fā)、標(biāo)簽優(yōu)化網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司