《PHP教程:PHP+apc+ajax實現的ajax_upload上傳進度條代碼》要點:
本文介紹了PHP教程:PHP+apc+ajax實現的ajax_upload上傳進度條代碼,希望對您有用。如果有疑問,可以聯系我們。
PHP學習本文實例講述了PHP+apc+ajax實現的ajax_upload上傳進度條代碼.分享給大家供大家參考,具體如下:
PHP學習上傳進度條是怎么實現的呢?原理是怎么樣的呢?當我們瀏覽,選擇上傳后,會產生一個臨時文件,上傳的時把這個臨時文件,上傳到服務器,上傳完成后,這個臨時文件會被刪除掉.如果我們能讀取這個臨時文件的大小,就知道上傳進度是多少了,php apc模塊可以實現這個功能.
PHP學習一、安裝apc模塊
PHP學習下載地址:http://pecl.php.net/package/apc
PHP學習
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學習二、修改php.ini
PHP學習
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
PHP學習修改好后,重起apache或者其他,查看一下
PHP學習
[root@BlackGhost php]# php -m
[PHP Modules]
apc
cgi-fcgi
ctype
curl
date
dom
eAccelerator
........
PHP學習三、upload_test.php
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>
PHP學習APC_UPLOAD_PROGRESS這個有什么用呢?它對上傳的文件添加一個標記,就可以在其它的php程序中用這個標記拜訪它.為apc的讀取提供支持.
PHP學習upload.js異步上傳的js文件:
PHP學習
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);
}
}
});
}
PHP學習上面有一點要注意,APC_UPLOAD_PROGRESS:$("#progress_key").val()在這里,key是APC_UPLOAD_PROGRESS如果不是這個的話,apc找不到臨時文件的.在這里我為什么要用ajax_upload.js呢,因為jquery自帶的ajax,自帶參數沒有上傳文件的,也就是type='file'中的內容,php端根本得不到.
PHP學習四、upload.php上傳文件
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>";
}
?>
PHP學習如果文件比較大,就不要用http的方式來上傳了,太慢,并且影響網站的穩定性.
PHP學習五、progress.php取得進度的文件,給ajax調用用的
PHP學習
<?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;
}
}
?>
PHP學習看一下,ajax 異步哀求產生的數據.
PHP學習
PHP學習php apc ajax 上傳進度條
PHP學習參數說明:
PHP學習total?????????? 文件大小
current?????? 已上傳的大小
filename???? 上傳文件名
name????????? 標簽名
done????????? 上傳成功為1
cancel_upload????? 用戶取消上傳,只有上傳完成時才有
rate 上傳速度,只有上傳完成時才有
start_time?? 開始時間
PHP學習更多關于PHP文件及ajax操作相關內容感興趣的讀者可查看本站專題:《php文件操作總結》及《PHP+ajax技巧與應用小結》
PHP學習希望本文所述對大家PHP程序設計有所贊助.
《PHP教程:PHP+apc+ajax實現的ajax_upload上傳進度條代碼》是否對您有啟發,歡迎查看更多與《PHP教程:PHP+apc+ajax實現的ajax_upload上傳進度條代碼》相關教程,學精學透。維易PHP學院為您提供精彩教程。
轉載請注明本頁網址:
http://www.snjht.com/jiaocheng/7626.html