Menu
Community /Pin to ProfileBookmark
@NogDogJul 15.2006 — #Some output buffering along with a bit of JavaScript can do something like that:
@NogDogJul 15.2006 — #It occurred to me after I wrote the above that this probably isn't what you're looking for, as it would only display the "processing" image [i]after[/i] the file was received. (The time to process the file on the server once it's received will likely be significantly less than the upload time. Perhaps this is something that can be done via JavaScript on the form page that sends the file?
Upload Files To Folder (Max Size)
I am looking for a simple php code that does the following. Uploads a file, up to 50MB, and stores it in a folder. I can find code to do this, but what I really need is a animated image to be played during the upload… and once its done, the image goes away and it says “Upload complete”… thanks so much ahead of time.
Sign in
to post a comment5 Comments(s) ↴
0
@NogDogJul 15.2006 — #Some output buffering along with a bit of JavaScript can do something like that:[code=php]
<?php
ob_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Upload File</title>
<script type="text/javascript">
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
</script>
</head>
<body>
<div id='working'>
<img src="http://www.charles-reace.com/image/cornet.jpg" alt="cornet">
</div>
<?php
ob_flush();
flush(); // image should now be displayed
// simulate time to process upload
sleep(5); // your actual upload processing code would go here
?>
<script type="text/javascript">
hidediv("working");
</script>
<p>All done!</p>
</body>
</html>
[/code]0
@NogDogJul 15.2006 — #It occurred to me after I wrote the above that this probably isn't what you're looking for, as it would only display the "processing" image [i]after[/i] the file was received. (The time to process the file on the server once it's received will likely be significantly less than the upload time. Perhaps this is something that can be done via JavaScript on the form page that sends the file?