Inserting and retrieving id before form is submitted

Question

Here is what i'm trying to do:

I have a form with few text fields and image upload via JavaScript(to have that loading animation).

here is the link http://netfecs.com/inprogress/phat_cat/admin_edit_car.php?id=4

I'm using row id as part of the image name in the database.

What is a good way to set the id and retrieve if before submitting the form because while user is filling out the form the images are being uploaded and they need an id.

Any Thoughts?

Answer 1

I see two ways:

1. Make an AJAX/JSON call and create the record, returning the id
2. Create an empty record before displaying the form and use its id in the form

Answer 2

The best solution for you would be to have all the images uploaded stored in a temp location. Store that location in a session. Once the user submits the form, add the data into the database then move all the files in the session to a perm location and write to the database as needed.