欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

PHP+apc+ajax实现的ajax_upload上传进度条代码

程序员文章站 2024-03-30 21:21:15
本文实例讲述了php+apc+ajax实现的ajax_upload上传进度条代码。分享给大家供大家参考,具体如下: 上传进度条是怎么实现的呢?原理是怎么样的呢...

本文实例讲述了php+apc+ajax实现的ajax_upload上传进度条代码。分享给大家供大家参考,具体如下:

上传进度条是怎么实现的呢?原理是怎么样的呢?当我们浏览,选择上传后,会产生一个临时文件,上传的时把这个临时文件,上传到服务器,上传完成后,这个临时文件会被删除掉。如果我们能读取这个临时文件的大小,就知道上传进度是多少了,php apc模块可以实现这个功能。

一、安装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>上传测试</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这个有什么用呢?它对上传的文件添加一个标记,就可以在其它的php程序中用这个标记访问它。为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,自带参数没有上传文件的,也就是type='file'中的内容,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的方式来上传了,太慢,并且影响网站的稳定性。

五、progress.php取得进度的文件,给ajax调用用的

<?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 异步请求产生的数据。

PHP+apc+ajax实现的ajax_upload上传进度条代码

php apc ajax 上传进度条

参数说明:

total           文件大小
current       已上传的大小
filename     上传文件名
name          标签名
done          上传成功为1
cancel_upload      用户取消上传,只有上传完成时才有
rate 上传速度,只有上传完成时才有
start_time   开始时间

更多关于php文件及ajax操作相关内容感兴趣的读者可查看本站专题:《php文件操作总结》及《php+ajax技巧与应用小结

希望本文所述对大家php程序设计有所帮助。