php+ajax文件上传进度条
<p><font face="Verdana"><a href="http://www.phpchina.com/javascript:;" onClick="javascript:tagshow(event, '%B4%FA%C2%EB');" target="_self"><u><strong>代码</strong></u></a>分为以下部分: <br> <br> demo.php - 上传过程处理 <br> <br> PLAIN TEXTPHP: <br> <br> <?php <br> <br> include 'UploadProgressMeter.class.php'; <br> <br> fileWidget = new UploadProgressMeter(); <br> <br> if (fileWidget->uploadComplete()) { <br> // 上传完毕的时候,从iframe发送一个js到主窗口表示一切ok <br> echo fileWidget->finalStatus(); <br> <br> // 处理上传后的文件... <br> <br> exit; <br> } <br> ?> <br> <br> demoserver.php - <a href="http://www.phpchina.com/javascript:;" onClick="javascript:tagshow(event, 'Ajax');" target="_self"><u><strong>Ajax</strong></u></a>的服务端js,使用Pear:HTML_AJAX,直接调用UploadProgressMeterStatus类 <br> <br> PLAIN TEXTHTML: <br> <br><scriptsrc="http://www.ooso.net/demoserver.php?client=main,request,httpclient,dispatcher,json,util"type="text/javascript"></script> <br> <script src="http://www.ooso.net/demoserver.php?stub=UploadProgressMeterStatus" type="text/javascript"></script> <br> <?php echo fileWidget->renderIncludeJs(); ?> <br> <br> 进度条的样式表 <br> <br> PLAIN TEXTCSS: <br> <br> .progressBar { <br> position: relative; <br> padding: 2px; <br> width: 300px; <br> height: 40px; <br> font-size: 14px; <br> } <br> .progressBar .background { <br> border: solid 1px black; <br> width: 270px; <br> height: 20px; <br> } <br> .progressBar .bar { <br> position: relative; <br> background-color: blue; <br> width: 0px; <br> height: 20px; <br> } <br> <br> 表单部分 <br> <br> PLAIN TEXTHTML: <br> <br> <form action="demo.php" method="post" enctype="multipart/form-data">renderFormExtra(); ?>> <br><?php echo fileWidget->renderHidden(); ?></form><formaction="demo.php" method="post"enctype="multipart/form-data"><label>Select File:</label> <br> <div><?php echo fileWidget->render(); ?> <br> <?php echo fileWidget->renderProgressBar(); ?></div> <br> </form> <br> <br> <br> demo下载 - 密码是www.ooso.net <br> 作者的svn浏览 <br> <br> 其它类似项目: <br> http://pdoru.from.ro/ - 要以patch的形式和<a href="http://www.phpchina.com/javascript:;" onClick="javascript:tagshow(event, 'php');" target="_self"><u><strong>php</strong></u></a>一起编译 <br> http://www.ugia.cn/?p=54 - 以socket上传文件并显示进度条</font><div>
