php+ajax文件上传进度条
时间:2008-04-18 来源:剑心通明
[url=javascript:;]代码[/url]
分为以下部分:
demo.php - 上传过程处理
PLAIN TEXTPHP:
uploadComplete()) {
// 上传完毕的时候,从iframe发送一个js到主窗口表示一切ok
echo fileWidget->finalStatus();
// 处理上传后的文件...
exit;
}
?>
demoserver.php -
[url=javascript:;]Ajax[/url]
的服务端js,使用Pear:HTML_AJAX,直接调用UploadProgressMeterStatus类
PLAIN TEXTHTML:
renderIncludeJs(); ?>
进度条的样式表
PLAIN TEXTCSS:
.progressBar {
position: relative;
padding: 2px;
width: 300px;
font-size: 14px;
}
.progressBar .background {
border: solid 1px black;
width: 270px;
}
.progressBar .bar {
position: relative;
background-color: blue;
width: 0px;
}
表单部分
PLAIN TEXTHTML:
renderFormExtra(); ?>>
renderHidden(); ?>Select File:
render(); ?>
renderProgressBar(); ?>
demo下载 - 密码是www.ooso.net
作者的svn浏览
其它类似项目:
http://pdoru.from.ro/ - 要以patch的形式和
[url=javascript:;]php[/url]
一起编译
http://www.ugia.cn/?p=54 - 以socket上传文件并显示进度条
相关阅读 更多 +