help with File upload within a form

[gregFolk]

Hi,

I have a large registration form - within the form i'd like to allow the user to upload images and pdf's, i know how to do an upload however, i'd like the user to be able to make this upload before they submit the form, however when i use something like this

<form enctype="multipart/form-data" action="upload.php" method="POST">
<!-- MAX_FILE_SIZE must precede the file input field -->
<input type="hidden" name="MAX_FILE_SIZE" value="30000" />
<!-- Name of input element determines name in $_FILES array -->
Send this file: <input name="userfile" type="file" />
<input type="submit" value="Send File" />
</form>

within my form, as soon as you hit the "Send File" it try's to submit the form that it is nested inside of......any ideas how i can combat this issue?

thanks in advance

Greg

[gregFolk]

Sorry one other thing, i also want the upload to happen in the background and not actually redirect the user to the upload.php page which is what is currently happening.

thanks again

[djjjozsi]

1.you can use a pop up box to the file upload. IF the user uploads files, you store it in session.

2. using iframe the user can press submit button, and reloading the upload "frame" you can disable the other uploads, or list the files, and store the file names in session.

after submitting a form, if any form element is emty, you must handle that.

[scrupul0us]

dj: ajax could handle this as well

[djjjozsi]

i prefer dragNdrop file uploaders too.

4 example:

http://www.radinks.com/upload/applet.php