File uploader

[jtyoungs]

Been asked to do a concept for work which is to upload artwork at our website rather than e-mail it.

Basically there is 3 step system.

1. Enter your details
2. Upload your image
3. Submit

I understand all the principles of the file uploader and the form submitter.

My question is how do i allow customers to upload the picture on the page so it can be checked in size and format before the page is submitted?

It's hard to explain in words but an example is something like facebook or bebo, where you choose your picture and it uploads before you submit the page.

I am using majority of php for this but not sure if maybe this is javascript feature...

Thanks

Jtyoungs

[alexgeek]

http://uk3.php.net/getimagesize Thats to check the image size. I can show you my image resizer script if you wish also.

[Jack Franklin]

Check these tutorials:
http://www.phpeasystep.com/php-cate....ry=file-upload

[jtyoungs]

not what i was looking for... that's the easier part... cheers anyways guys.

[alexgeek]

You will have to use AJAX to upload the images.
It's pretty complex though.

[whitewizard]

- About your file format it will not be a problem to check from javascript.
- But regarding the file size it's not so simple:
- an idea is to use the upload limit from php.ini file but this method will not be so friendly for your users
- an ajax check will be the best idea and you need these steps:

1. create an ajax request and send data by POST method
2. on server upload the file and check the size
3. if the size is allowed return a confirmation message
4. otherwise delete the image and show an error message

- I don't have an example now but I will try to create one tomorrow.