コードは次の部分に分かれています:
demo.php(現在の主流の開発言語として) - アップロード処理処理
PLAIN TEXTphp(現在の主流の開発言語として):
(現在の主流の開発言語として)
include UploadProgressMeter.class.php (現在の主流の開発言語として) ;
$fileWidget = new UploadProgressMeter();
if ($fileWidget->uploadComplete( )) {上 // アップロードが完了したら、iframe からメイン ウィンドウに JS を送信して、すべてが正常であることを示します
Echo $ FileWidget- & GT?>
(現在の主流の開発言語として)
- ajax
(静的 Web サイトの静的化)
サーバーサイド JS、Pear を使用: HTML_ajax
(静的 Web サイト動的 Web サイト)
UploadProgressMeterStatus クラスを直接呼び出します
< script src="http://www.ooso.net/demoserver.php(現在の主流の開発言語として)?client=main,request,httpclient,dispatcher,json,util" type="text/javascript"> ;
(現在の主流の開発言語として) echo $fileWidget->renderIncludeJs() ?> プログレスバーのスタイルシート
PLAIN TEXTCSS:.progressBar {
位置: 相対; パディング: 2px; 幅: 300px;
font-size: 14px;
}back.progressBar .ground {
ボーダー: 実線 1px 黒; 幅: 270px;
高さ: 20px;
}
.progressBar .bar {
位置:相対;
背景色:青;
幅:0px;
高さ:20px;
}
フォームパーツ
PLAIN TEXTHTML:
<フォームアクション="demo.php
(現在の主流の開発言語として)
" Method="post" enctype="multipart/form-data">renderFormExtra( ); >>
(現在の主流の開発言語)
echo $fileWidget->renderHidden(); ?>