| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 1515 人关注过本帖
标题:php+ajax文件上传进度条_Ajax
只看楼主 加入收藏
vcrhome
Rank: 1
等 级:新手上路
帖 子:44
专家分:0
注 册:2007-7-14
收藏
 问题点数:0 回复次数:0 
php+ajax文件上传进度条_Ajax

代码分为以下部分:

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:

<script src="http://www.ooso.net/demoserver.php?client=main,request,httpclient,dispatcher,json,util" type="text/javascript"></script>
<script src="http://www.ooso.net/demoserver.php?stub=UploadProgressMeterStatus" type="text/javascript"></script>
<?php 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:

<form action="demo.php" method="post" enctype="multipart/form-data">renderFormExtra(); ?>>
<?php
echo $fileWidget->renderHidden(); ?></form><form
action="demo.php" method="post"
enctype="multipart/form-data"><label>Select File:
</label>
<div><?php echo $fileWidget->render(); ?>
<?php echo $fileWidget->renderProgressBar(); ?></div>
</form>

demo下载 - 密码是www.ooso.net
作者的svn浏览





[此贴子已经被静夜思于2007-8-23 9:57:15编辑过]

搜索更多相关主题的帖子: Ajax ajax 进度 php 文件 
2007-08-06 07:49
快速回复:php+ajax文件上传进度条_Ajax
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.034226 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved