I need a simple designed page with an ajax photo + data upload fields.
See the attachments to get an better idea of the project.
• The background of this page must be transparent (will be incorpored in other pages).
• The uploader must be in ajax real time, but simple, like the Gmail attachment upload, with a little bar on the right side off the file button. When user choose their photo in their computer, upload starts automatically and the user can continues to fill other fields while photo is uploading. After the upload completed, a thumbnail of that photo appears and the photo will be stored in a tmp folder.
• When clicked in "send" at the bottom of page, the form saves all data in a MySql table and finally save the photo in correct folder called "photos", and shows a success message to the user (at the same page without refresh).
• The photo must be resized to 800px in largest size and maintain the proportion.
• The photo must be saved in .jpg extension.
• The photo must be saved with the best quality as possible and better file size as possbile.
• The photo must be save in "photo" folder with a web based name (no spaces, no special characters, etc).
• The success message must bem in same page by ajax.
• The error message can be a simple alert window.