Php + ajax File Upload progress bar

The code is divided into the following parts:

Demo. php (as the mainstream development language)-upload process Processing

PLAIN TEXTphp (as the mainstream development language ):

<? Php (as the mainstream development language)
 
Include UploadProgressMeter. class. php (as the mainstream development language );
 
$ FileWidget = new UploadProgressMeter ();
 
If ($ fileWidget-> uploadComplete ()){
// When the upload is complete, send a js from iframe to the main window to indicate that everything is OK.
Echo $ fileWidget-> finalStatus ();
 
// Process the uploaded file...
 
Exit;
}
?>

Demoserver. php (as the mainstream development language)-ajax (static dynamic website) server js, using Pear: HTML_ajax (static dynamic website), directly calls the UploadProgressMeterStatus class

Plain texthtml:

<Script src = "http://www.ooso.net/demoserver.php (as the mainstream development language )? Client = main, request, httpclient, dispatcher, json, util "type =" text/javascript "> </script>
<Script src = "http://www.ooso.net/demoserver.php (as the mainstream development language )? Stub = UploadProgressMeterStatus "type =" text/javascript "> </script>
<? Php (as the mainstream development language) echo $ fileWidget-> renderIncludeJs ();?>

Style Sheet of the progress bar

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;
}

Form part

Plain texthtml:

<Form action = "demo. php (as the mainstream development language)" method = "post" enctype = "multipart/form-data"> renderFormExtra ();?>
<? Php (as the mainstream development language) echo $ fileWidget-> renderHidden den ();?> </Form> <form action = "demo. php (as the mainstream development language) "method =" post "enctype =" multipart/form-data "> <label> Select File: </label>
<Div> <? Php (as the mainstream development language) echo $ fileWidget-> render ();?>
<? Php (as the mainstream development language) echo $ fileWidget-> renderProgressBar ();?> </Div>
</Form>

Download

Author's svn browsing

Other similar projects:
Http://pdoru.from.ro/-to be compiled together with php (as the mainstream development language) in the form of patches
Http://www.ugia.cn /? P = 54-upload a file with a socket and display the progress bar