php使用APC实现实时上传进度条功能 |
|
php不具备实时上传进度条功能,如果想有这种功能我们一般会使用ajax来实现,但是php提供了一个apc,它就可以与php配置实现上传进度条功能 。 extension=php_apc.dll
<?php
session_start();
if(isset($_GET[progress_key])) {
$status = apc_fetch(upload_.$_GET[progress_key]);
echo ($status[current]/$status[total])*100;
}
?>
upload.php
PHP Code
<?php
$id = $_GET[id];
?>
<form enctype="multipart/form-data" id="upload_form" action="target.php" method="POST">
<input type="hidden" name="APC_UPLOAD_PROGRESS"
id="progress_key" value="<?php echo $id?>"/>
<input type="file" id="test_file" name="test_file"/><br/>
<input onclick="window.parent.startProgress(); return true;"
type="submit" value="上传"/>
</form>
target.php
<?php
set_time_limit(600);
if($_SERVER[REQUEST_METHOD]==POST) {
move_uploaded_file($_FILES["test_file"]["tmp_name"],
dirname($_SERVER[SCRIPT_FILENAME])."/UploadTemp/" . $_FILES["test_file"]["name"]);//UploadTemp文件夹位于此脚本相同目录下
echo "<p>上传成功</p>";
}
?>
index.php
<?php
$id = md5(uniqid(rand(), true));
?>
<html>
<head><title>上传进度</title></head>
<body>
<script src="js/jquery-1.4.4.min.js" language="javascript"></script>
<script language="javascript">
var proNum=0;
var loop=0;
var progressResult;
function sendURL() {
$.ajax({
type : GET,
url : "getprogress.php?progress_key=<?php echo $id;?>",
async : true,
cache : false,
dataType : json,
data: "progress_key=<?php echo $id;?>",
success : function(e) {
progressResult = e;
proNum=parseInt(progressResult);
document.getElementById("progressinner").style.width = proNum+"%";
document.getElementById("showNum").innerHTML = proNum+"%";
if ( proNum < 100){
setTimeout("getProgress()", 100);
}
}
});
}
function getProgress(){
loop++;
sendURL();
}
var interval;
function startProgress(){
document.getElementById("progressouter").style.display="block";
setTimeout("getProgress()", 100);
}
</script>
<iframe id="theframe" name="theframe"
src="upload.php?id=<?php echo $id; ?>"
style="border: none; height: 100px; width: 400px;" >
</iframe>
<br/><br/>
<div id="progressouter" style="width: 500px; height: 20px; border: 6px solid red; display:none;">
<div id="progressinner" style="position: relative; height: 20px; background-color: purple; width: 0%; "></div>
</div>
<div id=showNum></div><br>
<div id=showNum2></div>
</body>
</html>
以上就是跟大家分享的php使用APC实现实时上传进度条功能的方法,希望对大家的学习有所帮助 。 |