How to show a gif image during upload?

Quevas

I would show an image during uploads and remove that at the end.

Thanks in advance 🙂

weekender

i don't know if you can do this. When you upload a file, it doesn't load the next page until the upload file has completed.

Maybe you can do it with DHTML - have an image loaded with the upload form, and then make it visible when the submit button is clicked.

Any DHTML gurus here?

mwood_2k2

Why do you need to do that?

On the page thats shown whilst its being uploaded just have an iframe that loads the location of the form variable, ie if you set the form name for the image as $file, on the upload page have the iframe tags with the location as $file, and it will load the image into the iframe from their own hard drive, shows the image =]

Well actually, the iframe with an image tag that has that variable as the src, try it both ways, should work =]

Bleh another thing, if u enclose the form in an if statement to look if $submit is set, if it isnt it will show the form, then on the if else statement (if the $submit has a value of true or 1) then display the upload page and have the upload action so to speak in that page with the img tag and the variable for the file in the src.

Do you understand what I mean? My feedback form works on the if and if else routine, my mail action is in the confirmation page, I'm sure something similiar will work here =]

weekender

good thinking batman

🙂

Quevas

😕

Any example code, please???

mwood_2k2

Batman? Where?! lol :p

Ok gimme a min to type it out lol. I havent done a form upload script yet so you'll have to adapt what I'm going to put on, the basis of it and seek further help lol.

5 Mins dude and I'll post

Quevas

Great! 😃

Waiting for.gif activated.....:p

mwood_2k2

Ok here is what I think it should be similiar to, I am only a begginer so please dont take my word as gospel! lol, seek additional opinions / help...


<?php

// This if statement checks if the $submit variable has a value, and as the page has only just been loaded it doesnt so it shows the form.
if (!isset($submit)) {

// Put the html code for the form in the below echo() within the quotes and use ' instead of " for html properties.
echo(" <!-- Form Code here --> ");

}

// the else if statement below simply says if the submit button has a value (if it has been clicked) display whats in the echo under the handler.
else if ($submit == true) {

// Upload handler action here....

echo("

<html>
<head></head>
<body>

<br><br>

<center><img src='$file'></center>

<br><br>

<center>
Thankyou for uploading your file etc etc....
</center>


</body>
</html>

");
}
?>

That could possibly work, as when the user browses for their file it is entered as text, so when they click the button, it should upload and display the image for them. Provided you give the browse input type a name of "file" lol.

weekender

but won't this wait until the file is uploaded before showing the image? How i understood it is that Quevas wanted the an image to display while the file was uploading... like a "please wait while the file uploads" image.

Quevas?

mwood_2k2

No it won't, think about it,

the page first checks if the submit button has been clicked, if it hasnt it displays the form, on that page theres nothing to handle the image being uploaded until the next page is shown, the variables will all be set then, and the form action will be carried out then, at the same time the image being displayed.

At least as far as I can tell, like I said, try it out, im no expert, but it seems like it might work, but then again I could be wrong, only 1 way to find out if it does isnt there 🙂

EDIT:

The way I understand it is that only the variables will be passed on to the 2nd bit after the submit button has been clicked.

Quevas

Yes Weekender, as you wrote.

Quevas

OK mwood_2k2, I'll try.
Thanks 🙂

mwood_2k2

In any case even if it is uploaded b4 it carries on processing the rest, it will still display the image, because the variable will still be passed through to the else if statement. Not quite what you wanted but it wud be nice to do a this is what you uploaded page, or better still, a preview page, u set the form, it passes on to another page (point the form action to another php file) that views the image with the variable in the img src, u have a form with a button that says confirm or whatever, when that is clicked u can use the if and else if statements again to do it and upload after the confirmation, so it will be 3 steps;

form, confirmation (with image displayed), and finally the actual uploading of the image.

MytchE

Yeah...use a hidden iFrame and window.setTimeout to change its URL once the image is uploaded....

</form>

function doIt()
{
document.frmBLah.submit();
window.setTimeout("myIFrame.location='showpic.php?picId=44'", 500);

}

etc ...