View Full Version : How To Upload Image and Preview before submiting?

07-05-2011, 09:54 AM
Hey guys need help with some coding: what Im looking to achieve is this to have people come to my website and able to upload a picture for resize etc so I can print out their product after they have edited it based on a few choices

i.e. to have radio option 1 = 16.6" x 11.7" and have a price value of say 29.99. radio option 2 = 18.7" x 12.7" and have a price value of say 39.99 so the customer chooses which radio option they want in order to get their image resized to that option Im looking then:

To preview it before uploading and have the ability to make changes such as change the image resize with out having to go back to the previous page

This is what Ive come up with but doesnt look good:

<html lang="en">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="stylesheet.css">




<form id="Upload" action="<?php echo $uploadHandler ?>" enctype="multipart/form-data" method="post">



<input type="hidden" name="MAX_FILE_SIZE" value="<?php echo $max_file_size ?>">

<label for="file1">(10.6" x 11.7") $ 9.99:</label>
<input id="file1" type="file" name="file[]">

<label for="file2">(16.6" x 11.7") $11.99:</label>
<input id="file2" type="file" name="file[]">

<label for="file3">(18.7" x 12.7") $19.99:</label>
<input id="file3" type="file" name="file[]">

<label for="file4">(22.1" x 18.8") $24.99:</label>
<input id="file4" type="file" name="file[]">

<label for="file5">(25.9" x 18.8") $29.99:</label>
<input id="file5" type="file" name="file[]">

<label for="submit">Click Next To Preview</label>
<input id="submit" type="submit" name="submit" value="Next">