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

php+ajax文件上传进度条

程序员文章站 2022-05-03 08:17:59
...
代码分为以下部分:

demo.php(做为现在的主流开发语言) - 上传过程处理

PLAIN TEXTphp(做为现在的主流开发语言):

(做为现在的主流开发语言)

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:



(做为现在的主流开发语言) echo $fileWidget->renderIncludeJs(); ?>

进度条的样式表

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:

renderFormExtra(); ?>>
(做为现在的主流开发语言) echo $fileWidget->renderHidden(); ?>

(做为现在的主流开发语言) echo $fileWidget->render(); ?>
(做为现在的主流开发语言) echo $fileWidget->renderProgressBar(); ?>


下载

作者的svn浏览

其它类似项目:
http://pdoru.from.ro/ - 要以patch的形式和php(做为现在的主流开发语言)一起编译
http://www.ugia.cn/?p=54 - 以socket上传文件并显示进度条