php+ajax文件上传进度条,php+ajax文件上传进度条
【 tulaoshi.com - Javascript 】
代码分为以下部分:
demo.php - 上传过程处理
PLAIN TEXTPHP:
<?php
include ’UploadProgressMeter.class.php’;
$fileWidget = new UploadProgressMeter();
if ($fileWidget-uploadComplete()) {
// 上传完毕的时候,从iframe发送一个js到主窗口表示一切ok
echo $fileWidget-finalStatus();
// 处理上传后的文件...
exit;
}
?
demoserver.php - ajax的服务端js,使用Pear:HTML_AJAX,直接调用UploadProgressMeterStatus类
PLAIN TEXTHTML:
进度条的样式表
PLAIN TEXTCSS:
.progressBar {
position: relative;
padding: 2px;
width: 300px;
height: 40px;
font-size: 14px;
}
.progressBar .background {
border: solid 1px black;
width: 270px;
height: 20px;
}
.progressBar .bar {
position: relative;
background-color: blue;
width: 0px;
height: 20px;
}
表单部分
PLAIN TEXTHTML:
<form action="demo.php" method="post" enctype="multipart/form-data"renderFormExtra(); ?
<?php echo $fileWidget-renderHidden(); ?<div<?php echo $fileWidget-render(); ?
<?php echo $fileWidget-renderProgressBar(); ?</form
来源:https://www.tulaoshi.com/n/20160129/1482388.html
看过《php+ajax文件上传进度条》的人还看了以下文章 更多>>
