Using Flash, Action Script 3 and php/mySql on the server side,
I would like someone to create for me, an image selection, sorting and uploading application. to integrate into my classified advertising website(s). The uploaded images to be displayed along with the classified advert.
The application has to include the following.
The user can select an image to upload from his computer.
Users can select and upload up to 12 images, but only one at a time.
When an image is selected, the application will display the size of the image file and tell the user the size of the image(kBytes), and whether or not it is too big for upload (256K) and is of the correct file type (.jpg .png or . jif)
If it is within the limits of upload size, the user can click a button and a progress bar will be displayed while the image is being uploaded.
On succesfull upload and saving on the server, a thumbnail image will then be downloaded and displayed in an image list box.
This image list box will be able to display up to 12 images which the user has selected and uploaded one at a time.
Now for the second part.
After the user has uploaded one or more images, I would like the user to be able to drag any of the uploaded image(s) to a bin icon for deletion. (in case the user changes his mind). The application will asyncronously send a request to the server to delete the image.(Ajax style)
Also, the images should be sortable, i.e. the user can drag an image within the image list box and drop it on another position. the other (thumbnails) will then move back or forward to accomodate this move.
Again, the application will asyncronously send a request to the server
updating the new order and the server is to respond with success or fail.
The sort of sorting thing I had in mind can be seen at
[url removed, login to view]
Please not this is just an example Picked from the many out there.
The live website already has an image selection and uploading facility with php code to thumbnail the images on upload.
I do not plan any major changes to the site apart replacing the current image selection and upload method, with this one.
The thumb nails are 100px by 100px, so with a margin or padding of say 5px per image, including room for a select field, progress bar and user message indicator, the application should fit within approximately a 450px wide by 400px deep screen area.
I was half way to doing this implementation with Ajax, but Not only was it taking me far too long due to my limited knowledge, I also thought it would be a much richer experience for the users using flash and AS3. I have limited knowledge of AS3 (enough to know that this is possible), but not enough knowledge to do it myself within a reasonable timescale. I want to be able to have full access to the Code, So I can learn from and build on it in the future, so the code should be thouroughly explained, so I know what it's doing.
I have also listed XML, but this will probably not be required.