upload files in 2 steps

kark_1999

I currently have the ability on my website to upload photos. However, I am looking for a way to have an intermediate page that will show the files that I have selected for upload. Then have a "confirm" button.
Does anyone know of a good example of this? Also, I think I want to be able to make it ahve the ability to upload more than 1 file.
Thanks.

My current code:
<form enctype="multipart/form-data" action="uploadfile.php" method="post">
<input type="hidden" name="MAX_FILE_SIZE" value="50000" />
<table>
<tr>
<td align="right">Choose an image file to upload (max 50k). File will be rendered 50px x 50px, so make sure it's this small.:</td>
<td>
<input class='formFields' name="userfile" type="file" />
</td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Upload File" />
</tr>
</table>

</form>

uploadfile.php:

$uploadfile = $uploaddir . $_FILES['userfile']['name'];

print "<pre>";
if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
$conn=mysql_connect('1.1.1.1','user','pass');
mysql_select_db("thedb");
if (!$conn)
{
exit("Connection Failed: " . $conn);
}

$thefilename = $_FILES['userfile']['name'];

$sql = "insert into files values ('" . $thefilename . "')";

$rs3=mysql_query($sql);

mysql_close($conn);

} else {
print "File upload failed...debug info:\n";
print_r($_FILES);
}
print "</pre>";

kark_1999

just to clear this up.... the usual method is 2 steps - I actually want 3 steps. I don't want the form to just throw the files up there - I want to show the user on the next page what they will be uploading. Then click "confirm" to actually upload it.

Any suggestions would be great!

kark_1999

anyone?

Amn

I dont know what you can do, but i know what you cannot do:

When you have input type="file" html element, browser sends contents of the file to the server. I.e. it will upload your file to the action script specified in the action attribute of the form. THere is nothing you can do to not upload the file as far as I am concerned.

What you will do in that script is up to you, you may render a page where it asks the user to review files before the script moves them to another directory. If you dont move them, they will be removed by the PHP. But they are uploaded already by then.

Actually, thinking about it, you may have a choice - with JavaScript. If you copy the contents of the file paths to another text controls, and delete the file controls (all at client side), then you may send only paths and not contents of files to the server.

Something similiar to:


for all file form controls
begin
create hidden input control
copy file path from file control to the hidden  control
delete file control
end
submit form

Davy

You don't need JavaScript.

I believe you've got the answer to your questiopns already.

You use hidden form fields? Well on the intermediate page have the file and the CONFIRM submit button. This will push all the variables accross from the hidden form fields ontot he processing page for transferring.

Simple.

BTW I haven't coded something like this yet but I shall try later on.

kark_1999

That was my first instinct. However, I couldn't get it to work. Let me know if you do.

sid

heres what I would do: upload the files in the first step. if confirmed in step 2 - keep/move them to their location if not - [man]unlink/man them.

kark_1999

Originally posted by sid
heres what I would do: upload the files in the first step. if confirmed in step 2 - keep/move them to their location if not - [man]unlink/man them.

Thanks. That's what I'll have to do.